Skip to content

Installation ​

Learn how to install and set up LikhaEditor in your project.

Package Manager ​

Install via npm, pnpm, or yarn:

bash
npm install @likhaeditor/likhaeditor
bash
pnpm add @likhaeditor/likhaeditor
bash
yarn add @likhaeditor/likhaeditor

CDN ​

For quick prototyping or simple projects, use the CDN:

html
<!-- CSS -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@likhaeditor/likhaeditor/dist/likha-editor.css">

<!-- JavaScript -->
<script src="https://cdn.jsdelivr.net/npm/@likhaeditor/likhaeditor/dist/likha-editor.umd.js"></script>

Then initialize the editor:

html
<div id="editor"></div>

<script>
  const editor = LikhaEditor.createEditor({
    element: document.getElementById('editor'),
    content: '<p>Start writing...</p>'
  });
</script>

Framework integration (0.0.3) ​

Install the main wrapper from npm:

bash
npm install @likhaeditor/likhaeditor@0.0.3

Framework-specific packages are available:

  • React — @likhaeditor/likhaeditor-react
  • Laravel — likha/laravel (Composer)
  • Livewire — likha/livewire (Composer)

The playground and this site can use the repository build for previews. See self-hosting to run from source.