Loading...
Loading...
سن ایڈیٹر 24 بلٹ ان پلگ ان کے ساتھ بھیجتا ہے جس میں میڈیا، فارمیٹنگ، اور جدید خصوصیات شامل ہیں۔
ہر پلگ ان کا تعلق display type سے ہوتا ہے جو اس بات کا تعین کرتا ہے کہ یہ ٹول بار میں کیسے ظاہر ہوتا ہے۔
display خاصیت اس بات کی وضاحت کرتی ہے کہ پلگ ان صارف کے ساتھ کیسے تعامل کرتا ہے۔
imageقابل ترتیبتصاویر اپ لوڈ کریں، سائز تبدیل کریں اور سیدھ کریں۔
videoقابل ترتیبویڈیو مواد داخل کریں اور ان کا نظم کریں۔
audioقابل ترتیبپلیئر کے ساتھ آڈیو فائلیں داخل کریں۔
linkہائپر لنکس بنائیں اور ان میں ترمیم کریں۔
embedقابل ترتیببیرونی مواد ایمبیڈ کریں (یوٹیوب، iframes)
drawingقابل ترتیبکینوس پر مبنی ڈرائنگ ٹول
mathقابل ترتیبریاضیاتی مساوات ایڈیٹر (KaTeX)
configurable کے نشان والے پلگ ان میں ایسے اختیارات ہیں جنہیں آپ کھیل کے میدان میں موافقت کرسکتے ہیں۔
امیج اپ لوڈ کی حدیں، فونٹ سائز یونٹس، ٹیبل اسکرول کی اقسام، محرکات کا تذکرہ، اور مزید کو ایڈجسٹ کریں۔ تبدیلیاں لائیو ایڈیٹر پر فوری طور پر لاگو ہوتی ہیں۔
حسب ضرورت پلگ ان بنانے کے لیے تکنیکی حوالہ — سادہ کمانڈ بٹنوں سے لے کر مکمل ڈائیلاگ پر مبنی خصوصیات تک۔
Options.plugins میں پلگ ان کلاسز رجسٹر کریں۔ کور انہیں انسٹیٹیوٹ کرتا ہے۔
تمام ایڈیٹر خدمات تک اس کے ذریعے رسائی حاصل کی جاتی ہے۔$ — کبھی بھی بنیادی ماڈیول براہ راست درآمد نہ کریں۔
لائف سائیکل میں شامل ہونے کے لیے متعدد معاہدوں (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;آپ کا پلگ ان صارف کے ساتھ کس طرح تعامل کرتا ہے اس کی بنیاد پر ایک بیس کلاس کا انتخاب کریں۔
PluginCommandcommandدرکار ہے۔: action()Button click executes action immediately
بلٹ ان مثالیں۔: blockquote, hr, strike
PluginDropdowndropdownدرکار ہے۔: action()Button opens menu, item click calls action()
بلٹ ان مثالیں۔: align, font, blockStyle
PluginDropdownFreedropdown-freeButton opens menu, plugin handles own events
بلٹ ان مثالیں۔: table, fontColor, codeBlock
PluginModalmodalدرکار ہے۔: open(), modalAction()Button opens modal dialog
بلٹ ان مثالیں۔: link, image, video
PluginBrowserbrowserدرکار ہے۔: open(), close()Button opens gallery/browser interface
بلٹ ان مثالیں۔: imageGallery
PluginFieldfieldResponds to editor input events
بلٹ ان مثالیں۔: autocomplete
PluginInputinputToolbar input element (not a button)
بلٹ ان مثالیں۔: pageNavigator
PluginPopuppopupدرکار ہے۔: show(), controllerAction()Inline popup context menu
بلٹ ان مثالیں۔: anchor
ایک پلگ ان متعدد تعامل کے طریقوں کو فراہم کرنے کے لیے دوسرے پلگ ان قسم کے انٹرفیس کو بھی لاگو کر سکتا ہے۔
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.