Loading...
Loading...
SunEditor komplektā ietilpst 24 iebūvēti spraudņi, kas aptver multividi, formatēšanu un papildu funkcijas.
Katrs spraudnis pieder pie displeja tipa, kas nosaka, kā tas izskatās rīkjoslā.
Īpašums display nosaka, kā spraudnis mijiedarbojas ar lietotāju.
imagekonfigurējamsAttēlu augšupielāde, izmēru maiņa un izlīdzināšana
videokonfigurējamsIevietojiet un pārvaldiet video saturu
audiokonfigurējamsIevietojiet audio failus, izmantojot atskaņotāju
linkHipersaišu izveide un rediģēšana
embedkonfigurējamsIegult ārēju saturu (YouTube, iframe)
drawingkonfigurējamsUz audekla balstīts zīmēšanas rīks
mathkonfigurējamsMatemātisko vienādojumu redaktors (KaTeX)
Spraudņiem, kas atzīmēti ar configurable, ir opcijas, kuras varat pielāgot rotaļu laukumā.
Pielāgojiet attēlu augšupielādes ierobežojumus, fonta lieluma vienības, tabulas ritināšanas veidus, pieminēšanas aktivizētājus un citus parametrus. Izmaiņas tiek piemērotas nekavējoties tiešsaistes redaktorā.
Tehniska atsauce pielāgotu spraudņu veidošanai — sākot no vienkāršām komandu pogām līdz pilnām dialoglodziņu funkcijām.
Reģistrējiet spraudņu klases failā options.plugins. Kodols tās izveido.
Visiem redaktora pakalpojumiem var piekļūt, izmantojot šo saiti.$ — nekad neimportēt galvenos moduļus tieši.
Ieviesiet vairākus līgumus (ModuleModal, EditorComponent), lai piesaistītu tos dzīves cikliem.
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;Izvēlieties bāzes klasi, pamatojoties uz to, kā jūsu spraudnis mijiedarbojas ar lietotāju.
PluginCommandcommandObligāti: action()Button click executes action immediately
Iebūvētie piemēri: blockquote, hr, strike
PluginDropdowndropdownObligāti: action()Button opens menu, item click calls action()
Iebūvētie piemēri: align, font, blockStyle
PluginDropdownFreedropdown-freeButton opens menu, plugin handles own events
Iebūvētie piemēri: table, fontColor, codeBlock
PluginModalmodalObligāti: open(), modalAction()Button opens modal dialog
Iebūvētie piemēri: link, image, video
PluginBrowserbrowserObligāti: open(), close()Button opens gallery/browser interface
Iebūvētie piemēri: imageGallery
PluginFieldfieldResponds to editor input events
Iebūvētie piemēri: autocomplete
PluginInputinputToolbar input element (not a button)
Iebūvētie piemēri: pageNavigator
PluginPopuppopupObligāti: show(), controllerAction()Inline popup context menu
Iebūvētie piemēri: anchor
Spraudnis var ieviest arī cita veida spraudņu saskarnes, lai nodrošinātu vairākus mijiedarbības režīmus.
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.