All Projects → TorstenDittmann → omnia-editor

TorstenDittmann / omnia-editor

Licence: MIT license
A lightweight open source block style editor built for the modern web.

Programming Languages

Svelte
593 projects
javascript
184084 projects - #8 most used programming language
HTML
75241 projects
SCSS
7915 projects

Projects that are alternatives of or similar to omnia-editor

wysiwyg-editor-node-sdk
Node.JS SDK to ease the integration of Froala WYSIWYG Editor on server side.
Stars: ✭ 25 (+38.89%)
Mutual labels:  wysiwyg-editor, wysiwyg-html-editor
svelte-slate
slate svelte view layer
Stars: ✭ 43 (+138.89%)
Mutual labels:  wysiwyg-editor, sveltejs
typester
✒️ A WYSIWYG that gives you predictable and clean HTML
Stars: ✭ 29 (+61.11%)
Mutual labels:  html-editor, wysiwyg-editor
wysiwyg-editor-php-sdk
PHP SDK to ease the integration of Froala WYSIWYG Editor on server side.
Stars: ✭ 37 (+105.56%)
Mutual labels:  wysiwyg-editor, wysiwyg-html-editor
textbus
Textbus 是一个组件化的、数据驱动的富文本框架,支持在线协同编辑,同时也可以作为一个开箱即用的富文本编辑器,拥有非常好的扩展性和可定制性,是构建复杂富文本的不二之选!
Stars: ✭ 642 (+3466.67%)
Mutual labels:  wysiwyg-editor, wysiwyg-html-editor
wysiwyg-editor-dotnet-sdk
.NET SDK to ease the integration of Froala WYSIWYG Editor on server side.
Stars: ✭ 23 (+27.78%)
Mutual labels:  wysiwyg-editor, wysiwyg-html-editor
wordpress-froala-wysiwyg
Wordpress plugin for Froala WYSIWYG HTML Editor.
Stars: ✭ 38 (+111.11%)
Mutual labels:  wysiwyg-editor, wysiwyg-html-editor
Wysiwyg Editor
The next generation Javascript WYSIWYG HTML Editor.
Stars: ✭ 4,756 (+26322.22%)
Mutual labels:  wysiwyg-editor, wysiwyg-html-editor
wysiwyg-editor-python-sdk
Python SDK to ease the integration of Froala WYSIWYG Editor on server side.
Stars: ✭ 20 (+11.11%)
Mutual labels:  wysiwyg-editor, wysiwyg-html-editor
Ckeditor4
The best enterprise-grade WYSIWYG editor. Fully customizable with countless features and plugins.
Stars: ✭ 5,502 (+30466.67%)
Mutual labels:  html-editor
ngx-wall
Helps build content editor for note-taking application
Stars: ✭ 78 (+333.33%)
Mutual labels:  wysiwyg-editor
iOS-HTMLTextEditor
A simple implementation of an HTML Editor using CKEditor in a web view.
Stars: ✭ 57 (+216.67%)
Mutual labels:  html-editor
sapper-authentication-demo
A demonstration of Auth with Sapper + JWT + Server Side Rendering + RBAC
Stars: ✭ 102 (+466.67%)
Mutual labels:  sveltejs
ZetaHtmlEditControl
A small wrapper class around the Windows Forms 2.0 WebBrowser control.
Stars: ✭ 72 (+300%)
Mutual labels:  html-editor
ckeditor-nuxt
CKEditor5 component for Nuxt.js framework. All free official plugins included.
Stars: ✭ 29 (+61.11%)
Mutual labels:  wysiwyg-editor
Textbus
基于组件 + 数据驱动的现代富文本编辑器
Stars: ✭ 242 (+1244.44%)
Mutual labels:  wysiwyg-editor
Ngx Editor
🖋️ Rich Text Editor for angular using ProseMirror
Stars: ✭ 251 (+1294.44%)
Mutual labels:  wysiwyg-editor
svelte-dev-store
This project adds the ability to use Redux Dev tools to visualise a Svelte store. It uses redux under the hood and should only be used in a development environment.
Stars: ✭ 22 (+22.22%)
Mutual labels:  sveltejs
hacker-feud
💥 A single page web game made with Svelte.
Stars: ✭ 61 (+238.89%)
Mutual labels:  sveltejs
rich editor
WYSIWYG editor for Flutter with a rich set of supported formatting options. (WIP)
Stars: ✭ 119 (+561.11%)
Mutual labels:  html-editor

omnia-editor

All Contributors

Usage in Svelte

npm i omnia-editor
# or
yarn add omnia-editor
<script>
import { OmniaEditor } from "omnia-editor";
</script>

<OmniaEditor />

Properties

value: string;

Initial value of the content.

editor: Editor;

TipTap instance of the Editor.

spellcheck: boolean;

Use spellcheck.

Methods

getJSON(): Object;

Get the document as JSON.

getHTML(): string;

Get the document as HTML.

getCharacterCount(): number;

Get the number of characters for the current document.

isFocused(): boolean;

Returns true when Editor is focused.

isEmpty(): boolean;

Returns true if there is no content.

blur(): boolean;

Removes focus from the editor.

focus(position): boolean;

Focus the editor at the given position.

Set the focus to the editor focus()

Set the cursor to the first position focus('start')

Set the cursor to the last position focus('end')

Selects the whole document focus('all')

Set the cursor to position 10 focus(10)

undo(): boolean;

Undo recent changes.

redo(): boolean;

Reapply reverted changes.

destroy(): void;

Destroy the editor.

Events

on:init

Triggered when the editor is initialized.

on:focus

Triggered when the editor is focused.

on:blur

Triggered when the editor looses focus.

on:change

Triggered when the editors content changes.

Contributors

Thanks goes to these wonderful people (emoji key):


AntonyBoucher

💻

Torsten Dittmann

⚠️ 💻

Dennis Tobar

💻

This project follows the all-contributors specification. Contributions of any kind welcome!

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].