Loading...
Loading...
SunEditor bi 24 pêvekên çêkirî yên ku medyayê, formatkirin û taybetmendiyên pêşkeftî vedihewîne re tê.
Her pêvek aîdî cureya nîşandanê e ku diyar dike ka ew çawa di barika amûran de xuya dike.
Taybetmendiya display diyar dike ka pêvek çawa bi bikarhêner re têkilî datîne.
imagemîhengbarWêneyan barkirin, mezinahî biguherîne û hevrêz bike
videomîhengbarNaveroka vîdyoyê têxe û birêve bibe
audiomîhengbarPelên dengî bi lîstikvanê ve têxe
linkHîperlînkan biafirîne û biguherîne
embedmîhengbarNaveroka derveyî bicîh bike (YouTube, iframe)
drawingmîhengbarAmûra xêzkirinê ya li ser bingeha Kanvasê
mathmîhengbarEdîtorê hevkêşeya matematîkî (KaTeX)
Pêvekên ku bi configurable hatine nîşankirin vebijarkên ku hûn dikarin di Playground de biguherînin hene.
Sînorên barkirina wêneyan, yekîneyên mezinahiya tîpan, celebên gerandina tabloyan, tetikên behskirinê û hêj bêtir biguherînin. Guhertin tavilê li ser edîtorek zindî derbas dibin.
Referansa teknîkî ji bo çêkirina pêvekên xwerû - ji bişkokên fermanên hêsan bigire heya taybetmendiyên tevahî yên li ser bingeha diyalogê.
Sınıfên pêvekan di options.plugins de tomar bike. Bingeh wan ji nû ve çêdike.
Hemû xizmetên edîtor bi rêya vê têne gihîştin.$ — qet modulên bingehîn rasterast îtxal nekin.
Ji bo ku hûn xwe di çerxên jiyanê de bigirin, gelek peymanan bicîh bînin (ModuleModal, EditorComponent).
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;Li gorî ka pêveka we çawa bi bikarhêner re têkilî datîne, çînek bingehîn hilbijêrin.
PluginCommandcommandPêwîst: action()Button click executes action immediately
Nimûneyên çêkirî: blockquote, hr, strike
PluginDropdowndropdownPêwîst: action()Button opens menu, item click calls action()
Nimûneyên çêkirî: align, font, blockStyle
PluginDropdownFreedropdown-freeButton opens menu, plugin handles own events
Nimûneyên çêkirî: table, fontColor, codeBlock
PluginModalmodalPêwîst: open(), modalAction()Button opens modal dialog
Nimûneyên çêkirî: link, image, video
PluginBrowserbrowserPêwîst: open(), close()Button opens gallery/browser interface
Nimûneyên çêkirî: imageGallery
PluginFieldfieldResponds to editor input events
Nimûneyên çêkirî: autocomplete
PluginInputinputToolbar input element (not a button)
Nimûneyên çêkirî: pageNavigator
PluginPopuppopupPêwîst: show(), controllerAction()Inline popup context menu
Nimûneyên çêkirî: anchor
Pêvekek dikare navrûyên celebê pêvekên din jî bicîh bîne da ku gelek modên danûstendinê peyda bike.
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.