Loading...
Loading...
Saz bike, edîtorê biafirîne, û naveroka tomarkirî nîşan bide.
<!-- 1. Include CSS -->
<link href="https://cdn.jsdelivr.net/npm/suneditor@3.0.0/dist/css/suneditor.min.css" rel="stylesheet">
<!-- 2. Include JS -->
<script src="https://cdn.jsdelivr.net/npm/suneditor@3.0.0/dist/suneditor.min.js"><\/script>
<!-- 3. Create Textarea -->
<textarea id="my-editor"></textarea>
<!-- 4. Create Editor -->
<script>
const editor = SUNEDITOR.create("my-editor", {
plugins: SUNEDITOR.plugins,
value: "<p>Hello SunEditor</p>",
buttonList: [
["undo", "redo"],
"|",
["bold", "italic", "underline"],
"|",
["list", "link", "image"]
]
});
<\/script>Dema ku HTML-ya ji hêla edîtor ve hatî çêkirin tê nîşandan, navên CSS û polê pêdivî ne.
<!-- 1. SunEditor contents CSS required -->
<link href="https://cdn.jsdelivr.net/npm/suneditor@3.0.0/dist/css/suneditor-contents.min.css" rel="stylesheet">
<!-- 2. sun-editor-editable Wrap with class -->
<div class="sun-editor-editable">
<!-- HTML from editor.getContents() -->
</div>Nimûneya edîtorê tiştek $ nîşan dide — çenteyek girêdayîbûnê ku hemî jêrpergalên navxweyî (L1→L2→L3) dihewîne.
const editor = SunEditor.create('textarea', { /* options */ });
// $ — dependency bag (all internals)
editor.$.selection // Selection handler
editor.$.format // Block formatting
editor.$.history // Undo/Redo stack
// ... and moreImportên npm yên rastîn, pakêta tevahî - kodê biguherînin û encamê tavilê bibînin.
Cihê lîstikê