1
1
mirror of https://github.com/mawww/kakoune.git synced 2024-11-22 22:55:26 +03:00
kakoune/index.html

537 lines
33 KiB
HTML
Raw Blame History

This file contains invisible Unicode characters

This file contains invisible Unicode characters that are indistinguishable to humans but may be processed differently by a computer. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title tid="head:indexPageTitle">Kakoune - Official site</title>
<meta name="description" content="The official website of Kakoune, a selection-first modal code editor">
<meta name="author" content="@lenormf">
<link rel="icon" type="image/png" href="img/favicon16.png">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="css/default.css">
</head>
<body>
<nav class="navbar navbar-expand-lg navbar-light bg-light fixed-top border-bottom">
<a class="navbar-brand" href="/">
<img alt="kakoune logo" src="img/kakoune_logo_32.png"> Kakoune
</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link text-nowrap" href="https://github.com/mawww/kakoune#2-getting-started">
<i class="fa fa-fw fa-flag"></i>
<span tid="navbar:getStarted">Get started!</span>
</a>
</li>
<li class="nav-item">
<a class="nav-link text-nowrap" href="https://github.com/mawww/kakoune/blob/master/README.asciidoc#3-basic-interaction">
<i class="fa fa-fw fa-list-alt"></i>
<span tid="navbar:documentation">Documentation</span>
</a>
</li>
<li class="nav-item">
<a class="nav-link text-nowrap" href="https://github.com/mawww/kakoune/issues">
<i class="fa fa-fw fa-bug"></i>
<span tid="navbar:issueTracker">Issue Tracker</span>
</a>
</li>
<li class="nav-item">
<a class="nav-link text-nowrap" href="https://github.com/mawww/kakoune/blob/master/doc/design.asciidoc">
<i class="fa fa-fw fa-book"></i>
<span tid="navbar:designNotes">Design Notes</span>
</a>
</li>
<li class="nav-item">
<a class="nav-link text-nowrap" href="gallery.html">
<i class="fa fa-fw fa-camera"></i>
<span tid="navbar:gallery">Gallery</span>
</a>
</li>
<li class="nav-item">
<a class="nav-link text-nowrap" href="plugins.html">
<i class="fa fa-fw fa-plug"></i>
<span tid="navbar:plugins">Plugins</span>
</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="javascript:void(0)" id="navbarCommunity" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<i class="fa fa-globe"></i>
<span tid="navbar:community">Community</span>
</a>
<div class="dropdown-menu" aria-labelledby="navbarCommunity">
<a class="dropdown-item text-nowrap" href="https://github.com/mawww/kakoune/wiki">
<i class="fa fa-fw fa-group"></i>
<span tid="navbar:wiki">Wiki</span>
</a>
<a class="dropdown-item text-nowrap" href="https://discuss.kakoune.com/">
<i class="fa fa-fw fa-comments"></i>
<span tid="navbar:forums">Forums</span>
</a>
<a class="dropdown-item text-nowrap" href="https://kakoune.reddit.com/">
<i class="fa fa-fw fa-reddit"></i>
SubReddit
</a>
<a class="dropdown-item text-nowrap" href="https://webchat.freenode.net/?channels=kakoune">
<i class="fa fa-fw fa-hashtag"></i>
IRC
</a>
</div>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="javascript:void(0)" id="navbarLanguages" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<i class="fa fa-flag"></i>
<span tid="navbar:translation">Translation</span>
</a>
<div class="dropdown-menu" aria-labelledby="navbarLanguages">
<a class="dropdown-item text-nowrap" href="javascript:void(0)" translate="en"><img src="img/flags/shiny/24/United-Kingdom.png">
<span tid="navbar:translation:english">English</span></a>
<a class="dropdown-item text-nowrap" href="javascript:void(0)" translate="fr"><img src="img/flags/shiny/24/France.png">
<span tid="navbar:translation:french">French</span></a>
<a class="dropdown-item text-nowrap" href="javascript:void(0)" translate="hu"><img src="img/flags/shiny/24/Hungary.png">
<span tid="navbar:translation:hungarian">Hungarian</span></a>
<a class="dropdown-item text-nowrap" href="javascript:void(0)" translate="it"><img src="img/flags/shiny/24/Italy.png">
<span tid="navbar:translation:italian">Italian</span></a>
</div>
</li>
</ul>
</div>
</nav>
<div class="container-fluid">
<div id="kak-preview" class="row-fluid pt-3 pb-4">
<div class="col-12 text-center">
<img src="img/kakoune_logo_full.png">
</div>
<div class="col-12 text-center">
<div id="kak-title" class="mb-2" tid="banner:title">Kakoune code editor</div>
<div id="kak-preview-pitch" tid="banner:pitch">Modal editor·Faster as in less keystrokes·Multiple selections·Orthogonal design</div>
</div>
</div>
<div class="row-fluid">
<div id="kak-features" class="col-10 offset-1 pt-2 pt-md-4">
<div class="col-12">
<h2 tid="menu:features">Features</h2>
<hr>
</div>
<div class="row px-md-4">
<div class="col-12 col-sm-6 col-lg-4">
<div class="feature-title">
<i class="fa fa-fw fa-object-group"></i>
<span tid="feature:multipleSelections">Multiple selections</span>
</div>
<div class="mb-3 text-justify" tid="feature:multipleSelectionsText">
Multiple selections are the central way of
interacting in <i>Kakoune</i>, with powerful
handling primitives (regex matches, filtering,
splitting, aligning, text objects etc).
</div>
<span tid-fr="feature:multipleSelectionsText" class="d-none">
Les sélections multiples sont le moyen
central pour interagir avec <i>Kakoune</i>,
grâce à des primitives de manipulation
puissantes (expression régulières, filtrage,
séparation, alignement, objets textuels etc).
</span>
<span tid-hu="feature:multipleSelectionsText" class="d-none">
A <i>Kakoune</i> legfőbb szerkesztési módja a több
kijelölés egyidejű használata, és ezek sokféle
módosítása (reguláris kifejezések egyezései, szűrés,
vágás, igazítás, szöveg objektumok, stb).
</span>
<span tid-it="feature:multipleSelectionsText" class="d-none">
Le selezioni multiple sono lo strumento principale
per interagire con <i>Kakoune</i>, e si possono
manipolare attraverso potenti primitive
(espressioni regolari, filtra, spezza,
allinea, oggetti testuali, ecc).
</span>
</div>
<div class="col-12 col-sm-6 col-lg-4">
<div class="feature-title">
<i class="fa fa-fw fa-magic"></i>
<span tid="feature:textEditingTools">Text editing tools</span>
</div>
<div class="mb-3 text-justify" tid="feature:textEditingToolsText">
<i>Kakoune</i> implements several tools to
help editing/writing text: contextual help,
as-you-type completion, syntax highlighting
for several programming languages…
</div>
<span tid-fr="feature:textEditingToolsText" class="d-none">
<i>Kakoune</i> implémente plusieurs outils
pour aider à l'édition/rédaction de texte:
aide contextuelle, extrapolation de texte
à la volée, coloration syntaxique pour
plusieurs langages de programmation…
</span>
<span tid-hu="feature:textEditingToolsText" class="d-none">
A <i>Kakoune</i> rengeteg eszközt tartalmaz
a szöveg írásának és szerkesztésének segítéséhez:
környezetfüggő súgóüzenetek, gépelés közbeni
kiegészítés, szintaxis kiemelés rengeteg programozási
nyelvhez…
</span>
<span tid-it="feature:textEditingToolsText" class="d-none">
<i>Kakoune</i> implementa vari strumenti
per aiutare nella modifica/scrittura del testo:
aiuto contestuale, completamento del testo
mentre scrivi, colorazione della sintassi
per vari linguaggi di programmazione…
</span>
</div>
<div class="col-12 col-sm-6 col-lg-4">
<div class="feature-title">
<i class="fa fa-fw fa-filter"></i>
<span tid="feature:advancedTextManipulation">Advanced text manipulation primitives</span>
</div>
<div class="mb-3 text-justify" tid="feature:advancedTextManipulationText">
Text can be selected and modified at will in
multiple ways, thanks to several primitives:
selection rotation, case manipulation,
indentation leveling…
</div>
<span tid-fr="feature:advancedTextManipulationText" class="d-none">
Le texte peut être manipulé et modifié
à volonté de différentes manières,
grâce à plusieurs primitives : rotation
de sélections, manipulation de la
capitalisation, alignement d'indentation…
</span>
<span tid-hu="feature:advancedTextManipulationText" class="d-none">
A szöveg sokféleképpen kiválasztható és módosítható
a rengeteg egyszerű műveletnek köszönhetően:
kijelölések tartalmának megcserélése, kisbetű-nagybetű
módosítása, behúzási szintek kijelölése/módosítása,
stb...
</span>
<span tid-it="feature:advancedTextManipulationText" class="d-none">
Il testo può essere selezionato e modificato
a piacimento in modi diversi, grazie
a varie primitive: rotazione delle selezioni,
trasformazione in maiuscolo/minuscolo,
allineamento dell'indentazione…
</span>
</div>
<div class="col-12 col-sm-6 col-lg-4">
<div class="feature-title">
<i class="fa fa-fw fa-gears"></i>
<span tid="feature:customization">Customization</span>
</div>
<div class="mb-3 text-justify" tid="feature:customizationText">
Users can extend the features of
<i>Kakoune</i> or customize them to their
liking with macros or hooks.
</div>
<span tid-fr="feature:customizationText" class="d-none">
Les utilisateurs ont la possibilité
d'étendre les fonctionnalités de
<i>Kakoune</i> ou de les personnaliser
comme ils le désirent avec des macros et
des fonctions.
</span>
<span tid-hu="feature:customizationText" class="d-none">
A <i>Kakoune</i> képességei kibővíthetők makrók,
vagy horgonyok használatával.
</span>
<span tid-it="feature:customizationText" class="d-none">
Gli utenti possono estendere le funzionalità di
<i>Kakoune</i> o possono personalizzarle a proprio piacimento
attraverso l'uso di macro e funzioni.
</span>
</div>
<div class="col-12 col-sm-6 col-lg-4">
<div class="feature-title">
<i class="fa fa-fw fa-sitemap"></i>
<span tid="feature:clientServerArchitecture">Client/Server architecture</span>
</div>
<div class="mb-3 text-justify" tid="feature:clientServerArchitectureText">
With <i>Kakoune</i>, you can collaboratively
edit the same file: all new windows created by
the editor are clients, and can simultaneously
modify the content of a file. As such,
windows are fully under the control of your
X11 window manager or can be managed in a
single terminal through <i>Kakoune</i>'s
<a href="https://tmux.github.io/">tmux</a>
support.
</div>
<span tid-fr="feature:clientServerArchitectureText" class="d-none">
Avec <i>Kakoune</i>, vous pouvez éditer
collaborativement le même fichier :
toutes les nouvelles fenêtres créées
par l'éditeur sont des clients,
et peuvent simultanément modifier
le contnu d'un fichier. Ainsi, les
fenêtres sont entièrement sous le
contrôle de votre gestion de fenêtres
X11 ou peuvent être gérées dans un
unique terminal grâce au support de <a
href="https://tmux.github.io/">tmux</a>
dans <i>Kakoune</i>
</span>
<span tid-hu="feature:clientServerArchitectureText" class="d-none">
A <i>Kakoune</i>-el egyszerre szerkesztheted több
ablakból is ugyanazt a fájlt: a megnyitott új
ablakok kliensek. Így az ablakok kezelését az
X11 ablakkezelő végzi, vagy akár egyetlen
terminálban is lehet használni a <i>Kakoune</i>
<a href="https://tmux.github.io/">tmux</a> támogatásának
köszönhetően.
</span>
<span tid-it="feature:clientServerArchitectureText" class="d-none">
Con <i>Kakoune</i>, si può lavorare
in collaborazione sullo stesso file:
tutte le nuove finestre che crea l'editor
sono dei client e possono modificare simultaneamente
il contenuto del file. In questo modo,
le finestre sono completamente sotto il controllo
del tuo window manager per X11 o possono essere
gestite in un unico terminale grazie al supporto
per <a href="https://tmux.github.io/">tmux</a> di <i>Kakoune</i>.
</span>
</div>
<div class="col-12 col-sm-6 col-lg-4">
<div class="feature-title">
<i class="fa fa-fw fa-tachometer"></i>
<span tid="feature:activeDevelopmentSupport">Active development & support</span>
</div>
<div class="mb-3 text-justify" tid="feature:activeDevelopmentSupportText">
The project is actively developed, regularly
implements new features, and integrates pull
requests proposed by the contributors. Users
can also ask their questions and share
their remark with the rest of the community,
on <a href="https://webchat.freenode.net/?channels=kakoune"><b>#kakoune</b></a> @ irc.freenode.net.
</div>
<span tid-fr="feature:activeDevelopmentSupportText" class="d-none">
Le projet est activement développé,
implémente de nouvelles fonctionnalités
régulièrement, et intègre les propositions
d'implémentation des contributeurs. Les
utilisateurs peuvent églament poser leurs
questions et partager leurs remarques avec le
reste de la communauté, sur <a href="https://webchat.freenode.net/?channels=kakoune"><b>#kakoune</b></a>
@ irc.freenode.net.
</span>
<span tid-hu="feature:activeDevelopmentSupportText" class="d-none">
A projekt aktív fejlesztés alatt van, rendszeresen
bővül új funkciókkal, a közreműködők pull request-jei
által is. A felhasználók feltehetik kérdéseiket,
és megoszthatják véleményüket a közösség nagy
részével a <b>#kakoune</b> csatornán az irc.freenode.net
hálózaton.
</span>
<span tid-it="feature:activeDevelopmentSupportText" class="d-none">
Il progetto è sviluppato attivamente,
vengono regolarmente implementate nuove funzionalità
e integrate le Pull Request proposte dai collaboratori.
Gli utenti possono anche fare domande e condividere
le proprie osservazioni con il resto della community
sul canale IRC <a href="https://webchat.freenode.net/?channels=kakoune"><b>#kakoune</b></a>
sul server irc.freenode.net.
</span>
</div>
</div>
<div class="col-12 text-center">
<a class="btn btn-outline-secondary mb-4" href="why-kakoune/why-kakoune.html">
<span tid="feature:learnMore">Learn more about the Kakoune philosophy</span>
</a>
</div>
</div>
</div>
<div class="row-fluid">
<div id="kak-demos" class="col-sm-10 offset-sm-1 p-4 text-center">
<div id="carousel-demos" class="carousel slide" data-ride="carousel" data-interval="false">
<ol class="carousel-indicators">
<li data-target="#carousel-demos" data-slide-to="0" class="active"></li>
<li data-target="#carousel-demos" data-slide-to="1"></li>
<li data-target="#carousel-demos" data-slide-to="2"></li>
<li data-target="#carousel-demos" data-slide-to="3"></li>
<li data-target="#carousel-demos" data-slide-to="4"></li>
<li data-target="#carousel-demos" data-slide-to="5"></li>
</ol>
<div class="carousel-inner" role="listbox">
<div class="carousel-item active">
<video autoplay loop>
<source src="video/align.webm" type="video/webm">
<source src="video/align.mp4" type="video/mp4">
<span tid="error:noVideoTag">Your browser does not support the <code>video</code> element.</span>
</video>
<div class="demo-caption" tid="demo:0">
Automatically indent symbols, by aligning the cursors of the splitted selections
</div>
</div>
<div class="carousel-item">
<video autoplay loop>
<source src="video/gather.webm" type="video/webm">
<source src="video/gather.mp4" type="video/mp4">
<span tid="error:noVideoTag">Your browser does not support the <code>video</code> element.</span>
</video>
<div class="demo-caption" tid="demo:1">
Predicated selection of text, saved into the internal buffer for further manipulation
</div>
</div>
<div class="carousel-item">
<video autoplay loop>
<source src="video/rename.webm" type="video/webm">
<source src="video/rename.mp4" type="video/mp4">
<span tid="error:noVideoTag">Your browser does not support the <code>video</code> element.</span>
</video>
<div class="demo-caption" tid="demo:2">
Visual and interactive text replace within a selection
</div>
</div>
<div class="carousel-item">
<video autoplay loop>
<source src="video/swap.webm" type="video/webm">
<source src="video/swap.mp4" type="video/mp4">
<span tid="error:noVideoTag">Your browser does not support the <code>video</code> element.</span>
</video>
<div class="demo-caption" tid="demo:3">
Easily swap parameters with the 'rotate selection contents' command
</div>
</div>
<div class="carousel-item">
<video autoplay loop>
<source src="video/multiwin.webm" type="video/webm">
<source src="video/multiwin.mp4" type="video/mp4">
<span tid="error:noVideoTag">Your browser does not support the <code>video</code> element.</span>
</video>
<div class="demo-caption" tid="demo:4">
Client server design, use your X11 window manager, run make/grep in the background
</div>
</div>
<div class="carousel-item">
<video autoplay loop>
<source src="video/fold.webm" type="video/webm">
<source src="video/fold.mp4" type="video/mp4">
<span tid="error:noVideoTag">Your browser does not support the <code>video</code> element.</span>
</video>
<div class="demo-caption" tid="demo:5">
Line wrapping long lines in a FAQ that are not questions into paragraphs
</div>
</div>
</div>
<a class="carousel-control-prev" href="#carousel-demos" role="button" data-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="sr-only" tid="demo:labelPrevious">Previous</span>
</a>
<a class="carousel-control-next" href="#carousel-demos" role="button" data-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="sr-only" tid="demo:labelNext">Next</span>
</a>
</div>
</div>
</div>
<div class="row-fluid">
<div class="col-sm-10 offset-sm-1 pt-2 pt-md-4">
<div class="col-12">
<h2 tid="menu:screenshots">Screenshots</h2>
<hr>
</div>
<div class="row">
<div class="col-sm-6">
<div class="card shadow-sm mb-4">
<a href="img/screenshots/screenshot-i3.gif">
<img class="card-img-top" src="img/screenshots/screenshot-i3.gif">
</a>
<div class="card-body py-2">
<p class="card-text text-center mb-0" tid="screenshot:0">
<i>Kakoune</i> in <a href="http://i3wm.org/">i3</a>
</p>
<span tid-fr="screenshot:0" class="d-none">
<i>Kakoune</i> dans <a href="http://i3wm.org/">i3</a>
</span>
<span tid-hu="screenshot:0" class="d-none">
<i>Kakoue </i><a href="http://i3wm.org/">i3</a><i>-ben</i>
</span>
<span tid-it="screenshot:0" class="d-none">
<i>Kakoune</i> all'interno di <a href="http://i3wm.org/">i3</a>
</span>
</div>
</div>
</div>
<div class="col-sm-6">
<div class="card shadow-sm mb-4">
<a href="img/screenshots/screenshot-tmux.gif">
<img class="card-img-top" src="img/screenshots/screenshot-tmux.gif">
</a>
<div class="card-body py-2">
<p class="card-text text-center mb-0" tid="screenshot:1">
<i>Kakoune</i> in <a href="https://tmux.github.io/">tmux</a>
</p>
<span tid-fr="screenshot:1" class="d-none">
<i>Kakoune</i> dans <a href="https://tmux.github.io/">tmux</a>
</span>
<span tid-hu="screenshot:1" class="d-none">
<i>Kakoune</i> <a href="https://tmux.github.io/">tmux</a><i>-ban</i>
</span>
<span tid-it="screenshot:1" class="d-none">
<i>Kakoune</i> all'interno di <a href="https://tmux.github.io/">tmux</a>
</span>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row-fluid">
<div id="footer" class="col-sm-8 offset-sm-2 text-center mb-2">
<hr class="mt-0 mb-1">
2012-2018 · <a href="https://github.com/mawww/kakoune"><i>kakoune</i></a>
</div>
</div>
</div>
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script>
<script type="text/javascript" src="js/app.js"></script>
<script type="text/javascript" src="js/translate.js"></script>
</body>
</html>