Loading...
Loading...
SunEditor je dodáván s 24 vestavěnými pluginy, které pokrývají média, formátování a pokročilé funkce.
Každý plugin patří k typu zobrazení, který určuje, jak se zobrazuje v panelu nástrojů.
Vlastnost display definuje, jak plugin interaguje s uživatelem.
imagekonfigurovatelnéNahrávání, změna velikosti a zarovnání obrázků
videokonfigurovatelnéVkládání a správa videoobsahu
audiokonfigurovatelnéVkládání zvukových souborů pomocí přehrávače
linkVytváření a úprava hypertextových odkazů
embedkonfigurovatelnéVkládání externího obsahu (YouTube, iframe)
drawingkonfigurovatelnéNástroj pro kreslení na bázi plátna
mathkonfigurovatelnéEditor matematických rovnic (KaTeX)
Pluginy označené configurable mají možnosti, které můžete upravit v Hřišti.
Upravte limity pro nahrávání obrázků, jednotky velikosti písma, typy posouvání tabulky, spouštěče zmínek a další. Změny se okamžitě projeví v živém editoru.
Technická reference pro tvorbu vlastních pluginů – od jednoduchých příkazových tlačítek až po plnohodnotné funkce založené na dialogových oknech.
Zaregistrujte třídy pluginů v options.plugins. Jádro vytvoří jejich instance.
Všechny služby editoru jsou přístupné přes toto.$ — nikdy neimportujte základní moduly přímo.
Implementujte více kontraktů (ModuleModal, EditorComponent) pro napojení na životní cykly.
import { PluginCommand } from 'suneditor/src/interfaces';
class HelloWorld extends PluginCommand {
static key = 'helloWorld';
/**
* @constructor
* @param {SunEditor.Kernel} kernel - The Kernel instance
*/
constructor(kernel) {
super(kernel);
this.title = 'Hello World';
this.icon = '<span style="font-size:14px">HW</span>';
}
/**
* @override
* @type {PluginCommand['action']}
*/
action() {
this.$.html.insert('<p>Hello, World!</p>');
this.$.history.push(false);
}
}
export default HelloWorld;Vyberte základní třídu na základě toho, jak váš plugin interaguje s uživatelem.
PluginCommandcommandPožadovaný: action()Button click executes action immediately
Vestavěné příklady: blockquote, hr, strike
PluginDropdowndropdownPožadovaný: action()Button opens menu, item click calls action()
Vestavěné příklady: align, font, blockStyle
PluginDropdownFreedropdown-freeButton opens menu, plugin handles own events
Vestavěné příklady: table, fontColor, codeBlock
PluginModalmodalPožadovaný: open(), modalAction()Button opens modal dialog
Vestavěné příklady: link, image, video
PluginBrowserbrowserPožadovaný: open(), close()Button opens gallery/browser interface
Vestavěné příklady: imageGallery
PluginFieldfieldResponds to editor input events
Vestavěné příklady: autocomplete
PluginInputinputToolbar input element (not a button)
Vestavěné příklady: pageNavigator
PluginPopuppopupPožadovaný: show(), controllerAction()Inline popup context menu
Vestavěné příklady: anchor
Plugin může také implementovat rozhraní jiných typů pluginů, aby poskytoval více režimů interakce.
fontSizeextends PluginInput+ PluginCommand+ PluginDropdownInput field + dropdown list + command (inc/dec) all controlling font size.
list_bulleted / list_numberedextends PluginCommand+ PluginDropdownCommand button for toggling list + dropdown for selecting list style.