Class kartik\editors\Summernote
| Inheritance | kartik\editors\Summernote » kartik\base\InputWidget » yii\widgets\InputWidget » yii\base\Widget » yii\base\Component » yii\base\BaseObject |
|---|---|
| Implements | kartik\base\BootstrapInterface, yii\base\Configurable, yii\base\ViewContextInterface |
| Uses Traits | kartik\base\BootstrapTrait, kartik\base\TranslationTrait, kartik\base\WidgetTrait |
| Available since version | 2.0 |
Class for wrapping the Bootstrap Summernote Editor Javascript Plugin. Includes additional enhancements by Krajee for Bootstrap 3.x and 4.x support, and ability to format code, and render preset configurable toolbars.
See also https://summernote.org/.
Public Properties
| Property | Type | Description | Defined By |
|---|---|---|---|
| $attribute | string|null | The model attribute that this widget is associated with. | yii\widgets\InputWidget |
| $autoFormatCode | boolean | Whether to autoformat HTML code when switching to code view mode. | kartik\editors\Summernote |
| $autoIdPrefix | string | The prefix to the automatically generated widget IDs. | yii\base\Widget |
| $baseSourcePath | string|false | Get parsed base source path based on $sourcePath setting. If $sourcePath is not set, it will return the current working directory of this widget class. | kartik\base\WidgetTrait |
| $behaviors | yii\base\Behavior[] | List of behaviors attached to this component. | yii\base\Component |
| $bsColCssPrefixes | array | The bootstrap grid column css prefixes mapping, the key is the bootstrap versions, and the value is an array containing the sizes and their corresponding grid column css prefixes. | kartik\base\BootstrapTrait |
| $bsCssMap | array | CSS conversion mappings across bootstrap library versions. | kartik\base\BootstrapTrait |
| $bsExtBasename | integer | The yii2 bootstrap extension base name (readonly property available via getter method getBsExtBasename()) | kartik\base\BootstrapTrait |
| $bsVer | integer | Bootstrap version number currently set (readonly property available via getter method getBsVer()) | kartik\base\BootstrapTrait |
| $bsVersion | integer|string | The bootstrap library version that you wish to use for this specific extension / widget. | kartik\base\BootstrapTrait |
| $container | array | HTML attributes of the container to render the editor. | kartik\editors\Summernote |
| $convertFormat | boolean | Whether the widget should automatically format the date from the PHP DateTime format to the javascript/jquery plugin format. | kartik\base\InputWidget |
| $counter | integer | A counter used to generate $id for widgets. | yii\base\Widget |
| $data | array | The data (for list inputs) | kartik\base\InputWidget |
| $defaultBtnCss | string | Default bootstrap button CSS (readonly property available via getter method getDefaultBtnCss()) | kartik\base\BootstrapTrait |
| $defaultIconPrefix | string | Default icon prefix (readonly property available via getter method getDefaultIconPrefix()) | kartik\base\BootstrapTrait |
| $defaultOptions | array | Default HTML attributes or other settings for widgets. | kartik\base\WidgetTrait |
| $defaultPluginOptions | array | Default plugin options for the widget | kartik\base\WidgetTrait |
| $disabled | boolean | Whether input is to be disabled | kartik\base\InputWidget |
| $dropdownClass | string | Bootstrap dropdown class name based on currently configured bootstrap version (readonly property available via getter method getDropdownClass()) | kartik\base\BootstrapTrait |
| $enableCodeView | boolean | Whether to enable display of code view. | kartik\editors\Summernote |
| $enableFullScreen | boolean | Whether to enable full screen zoom. | kartik\editors\Summernote |
| $enableHelp | boolean | Whether to enable display of help button. | kartik\editors\Summernote |
| $enableHintEmojis | boolean | Whether to enable emojis hints. | kartik\editors\Summernote |
| $field | yii\widgets\ActiveField | Active input field, which triggers this widget rendering. | yii\widgets\InputWidget |
| $hashVarLoadPosition | integer | The position where the client JS hash variables for the input widget will be loaded. | kartik\base\WidgetTrait |
| $hintMentions | array | Set a list of mentions displayed when typed with @ prefix. |
kartik\editors\Summernote |
| $hintWords | array | Set a list of words displayed as hints when you type. | kartik\editors\Summernote |
| $i18n | array | The the internalization configuration for this widget. | kartik\base\TranslationTrait |
| $id | string|null | ID of the widget. Note that the type of this property differs in getter and setter. See getId() and setId() for details. | yii\base\Widget |
| $language | string | The language configuration (e.g. 'fr-FR', 'zh-CN'). | kartik\base\InputWidget |
| $model | yii\base\Model|null | The data model that this widget is associated with. | yii\widgets\InputWidget |
| $moduleId | string | The module identifier if this widget is part of a module. | kartik\base\WidgetTrait |
| $name | string|null | The input name. | yii\widgets\InputWidget |
| $options | array | The HTML attributes for the input tag. | yii\widgets\InputWidget |
| $pjaxContainerId | string | The identifier for the PJAX widget container if the widget is to be rendered inside a PJAX container. | kartik\base\WidgetTrait |
| $pjaxDuplicationFix | boolean | Prevent duplication of pjax containers when browser back & forward buttons are pressed. | kartik\base\WidgetTrait |
| $pluginDestroyJs | string | The javascript that will be used to destroy the jQuery plugin | kartik\base\WidgetTrait |
| $pluginEvents | array | Widget JQuery events. | kartik\base\WidgetTrait |
| $pluginLoading | boolean | Show loading indicator while plugin loads | kartik\base\InputWidget |
| $pluginName | string | The plugin name | kartik\editors\Summernote |
| $pluginOptions | array | Widget plugin options. | kartik\base\WidgetTrait |
| $readonly | boolean | Whether input is to be readonly | kartik\base\InputWidget |
| $sourcePath | string | Directory path to the original widget source. | kartik\base\WidgetTrait |
| $stack | yii\base\Widget[] | The widgets that are currently being rendered (not ended). | yii\base\Widget |
| $styleWithSpan | boolean | Whether to use styles with span | kartik\editors\Summernote |
| $useKrajeePresets | boolean | Whether to use Krajee presets for toolbar and other plugin settings. | kartik\editors\Summernote |
| $useKrajeeStyle | boolean | Whether to use Krajee CSS modifications to the Summernote Bootstrap styles. | kartik\editors\Summernote |
| $value | string | The input value. | yii\widgets\InputWidget |
| $view | yii\web\View | The view object that can be used to render views or view files. Note that the type of this property differs in getter and setter. See getView() and setView() for details. | yii\base\Widget |
| $viewPath | string | The directory containing the view files for this widget. | yii\base\Widget |
Protected Properties
| Property | Type | Description | Defined By |
|---|---|---|---|
| $_bsVer | integer | Current bootstrap version number | kartik\base\BootstrapTrait |
| $_dataVar | string | The HTML5 data variable name that will be used to store the Json encoded pluginOptions within the element on which the jQuery plugin will be initialized. | kartik\base\WidgetTrait |
| $_defaultBtnCss | string | Default bootstrap button CSS | kartik\base\BootstrapTrait |
| $_defaultIconPrefix | string | Default icon CSS prefix | kartik\base\BootstrapTrait |
| $_encOptions | string | The JSON encoded plugin options. | kartik\base\WidgetTrait |
| $_hashVar | string | The generated hashed variable name that will store the JSON encoded pluginOptions in yii\web\View::POS_HEAD. | kartik\base\WidgetTrait |
| $_isBs4 | boolean | Flag to detect whether bootstrap 4. | kartik\base\BootstrapTrait |
| $_lang | string | The two or three letter lowercase code for the language according to ISO-639. | kartik\base\InputWidget |
| $_langFile | string | The language js file. | kartik\base\InputWidget |
| $_loadIndicator | string | The indicator to be displayed while plugin is loading. | kartik\base\InputWidget |
| $_msgCat | string | Translation message file category name for i18n. | kartik\base\TranslationTrait |
| $krajeePresets | array | Default Krajee presets for the summernote plugin | kartik\editors\Summernote |
Public Methods
| Method | Description | Defined By |
|---|---|---|
| __call() | Calls the named method which is not a class method. | yii\base\Component |
| __clone() | This method is called after the object is created by cloning an existing one. | yii\base\Component |
| __construct() | Constructor. | yii\base\BaseObject |
| __get() | Returns the value of a component property. | yii\base\Component |
| __isset() | Checks if a property is set, i.e. defined and not null. | yii\base\Component |
| __set() | Sets the value of a component property. | yii\base\Component |
| __unset() | Sets a component property to be null. | yii\base\Component |
| addCssClass() | Adds bootstrap CSS class to options by parsing the bootstrap version for the specified Bootstrap CSS type. | kartik\base\BootstrapTrait |
| afterRun() | This method is invoked right after a widget is executed. | yii\base\Widget |
| attachBehavior() | Attaches a behavior to this component. | yii\base\Component |
| attachBehaviors() | Attaches a list of behaviors to the component. | yii\base\Component |
| beforeRun() | This method is invoked right before the widget is executed. | yii\base\Widget |
| begin() | Begins a widget. | yii\base\Widget |
| behaviors() | Returns a list of behaviors that this component should behave as. | yii\base\Component |
| canGetProperty() | Returns a value indicating whether a property can be read. | yii\base\Component |
| canSetProperty() | Returns a value indicating whether a property can be set. | yii\base\Component |
| className() | Returns the fully qualified name of this class. | yii\base\BaseObject |
| detachBehavior() | Detaches a behavior from the component. | yii\base\Component |
| detachBehaviors() | Detaches all behaviors from the component. | yii\base\Component |
| end() | Ends a widget. | yii\base\Widget |
| ensureBehaviors() | Makes sure that the behaviors declared in behaviors() are attached to this component. | yii\base\Component |
| getBSClass() | Gets the respective Bootstrap class based on currently configured bootstrap version. | kartik\base\BootstrapTrait |
| getBaseSourcePath() | Get parsed base source path based on $sourcePath setting. If $sourcePath is not set, it will return the current working directory of this widget class. | kartik\base\WidgetTrait |
| getBehavior() | Returns the named behavior object. | yii\base\Component |
| getBehaviors() | Returns all behaviors attached to this component. | yii\base\Component |
| getBsVer() | Gets the current set bootstrap version number. | kartik\base\BootstrapTrait |
| getCssClass() | Gets bootstrap css class by parsing the bootstrap version for the specified BS CSS type. | kartik\base\BootstrapTrait |
| getDefaultBtnCss() | Gets the default button CSS | kartik\base\BootstrapTrait |
| getDefaultIconPrefix() | Gets the default icon css prefix | kartik\base\BootstrapTrait |
| getDropdownClass() | Gets the respective bootstrap dropdown class name based on currently configured bootstrap version. | kartik\base\BootstrapTrait |
| getId() | Returns the ID of the widget. | yii\base\Widget |
| getPluginScript() | Returns the plugin registration script. | kartik\editors\Summernote |
| getView() | kartik\base\WidgetTrait | |
| getViewPath() | Returns the directory containing the view files for this widget. | yii\base\Widget |
| hasEventHandlers() | Returns a value indicating whether there is any handler attached to the named event. | yii\base\Component |
| hasMethod() | Returns a value indicating whether a method is defined. | yii\base\Component |
| hasProperty() | Returns a value indicating whether a property is defined for this component. | yii\base\Component |
| init() | Initializes the widget. | yii\widgets\InputWidget |
| initI18N() | Yii i18n messages configuration for generating translations | kartik\base\TranslationTrait |
| isBs() | Validate Bootstrap version | kartik\base\BootstrapTrait |
| isBs4() | Validate if Bootstrap 4.x version. | kartik\base\BootstrapTrait |
| off() | Detaches an existing event handler from this component. | yii\base\Component |
| on() | Attaches an event handler to an event. | yii\base\Component |
| registerAssets() | Registers the needed assets | kartik\editors\Summernote |
| registerWidgetJs() | Registers a JS code block for the widget. | kartik\base\WidgetTrait |
| removeCssClass() | Removes bootstrap CSS class from options by parsing the bootstrap version for the specified Bootstrap CSS type. | kartik\base\BootstrapTrait |
| render() | Renders a view. | yii\base\Widget |
| renderFile() | Renders a view file. | yii\base\Widget |
| run() | Executes the widget. | kartik\editors\Summernote |
| setId() | Sets the ID of the widget. | yii\base\Widget |
| setView() | Sets the view object to be used by this widget. | yii\base\Widget |
| trigger() | Triggers an event. | yii\base\Component |
| widget() | Creates a widget instance and runs it. | yii\base\Widget |
Protected Methods
| Method | Description | Defined By |
|---|---|---|
| addAsset() | Adds an asset to the view. | kartik\base\WidgetTrait |
| configureBsVersion() | Configures the bootstrap version settings | kartik\base\BootstrapTrait |
| convertDateFormat() | Automatically convert the date format from PHP DateTime to Javascript DateTime format | kartik\base\InputWidget |
| fixPjaxDuplication() | Fix for weird PJAX container duplication behavior on pressing browser back and forward buttons. | kartik\base\WidgetTrait |
| getBsExtBasename() | The yii2-bootstrap extension base name. | kartik\base\BootstrapTrait |
| getInput() | Generates an input. | kartik\base\InputWidget |
| hasModel() | yii\widgets\InputWidget | |
| hashPluginOptions() | Generates a hashed variable to store the pluginOptions. | kartik\base\WidgetTrait |
| initBsVersion() | Initializes bootstrap versions for the widgets and asset bundles. | kartik\base\BootstrapTrait |
| initDestroyJs() | Generates the pluginDestroyJs script if it is not set. |
kartik\base\WidgetTrait |
| initDisability() | Validates and sets disabled or readonly inputs. | kartik\base\InputWidget |
| initHints() | Initialize summernote editor plugin hints | kartik\editors\Summernote |
| initInputWidget() | Initializes the input widget. | kartik\base\InputWidget |
| initKrajeePresets() | Initializes Krajee preset toolbar | kartik\editors\Summernote |
| initLanguage() | Initialize the plugin language. | kartik\base\InputWidget |
| initWidget() | Initializes widget | kartik\editors\Summernote |
| isSameVersion() | Compares two versions and checks if they are of the same major BS version. | kartik\base\BootstrapTrait |
| mergeDefaultOptions() | Merge default options | kartik\base\WidgetTrait |
| parseDateFormat() | Parses and sets plugin date format based on attribute type using yii\helpers\FormatConverter. Currently this method is used only within the kartik\date\DatePicker and \kartik\datetime\DateTimePicker\ widgets. | kartik\base\InputWidget |
| parseVer() | Parses and returns the major BS version | kartik\base\BootstrapTrait |
| registerPlugin() | Registers a specific plugin and the related events | kartik\base\WidgetTrait |
| registerPluginOptions() | Registers plugin options by storing within a uniquely generated javascript variable. | kartik\base\WidgetTrait |
| renderInputHtml() | Render a HTML input tag. | yii\widgets\InputWidget |
| setDataVar() | Sets a HTML5 data variable. | kartik\base\WidgetTrait |
| setLanguage() | Sets the language JS file if it exists. | kartik\base\InputWidget |
Events
| Event | Type | Description | Defined By |
|---|---|---|---|
| EVENT_AFTER_RUN | yii\base\WidgetEvent | An event raised right after executing a widget. (available since version 2.0.11) | yii\base\Widget |
| EVENT_BEFORE_RUN | yii\base\WidgetEvent | An event raised right before executing a widget. (available since version 2.0.11) | yii\base\Widget |
| EVENT_INIT | yii\base\Event | An event that is triggered when the widget is initialized via init(). (available since version 2.0.11) | yii\base\Widget |
Constants
| Constant | Value | Description | Defined By |
|---|---|---|---|
| LOAD_PROGRESS | ' |
kartik\base\InputWidget |
Property Details
Whether to autoformat HTML code when switching to code view mode.
HTML attributes of the container to render the editor. The following special attributes are recognized:
tag: string, the HTML tag used for rendering the container. Defaults todiv.
Whether to enable display of code view. Applied only when $useKrajeePresets is set to true.
Whether to enable full screen zoom. Applied only when $useKrajeePresets is set to true.
Whether to enable display of help button. Applied only when $useKrajeePresets is set to true.
Whether to enable emojis hints. If set to true will set hint via Github emoji API.
Set a list of mentions displayed when typed with @ prefix. If empty or not set, will not be
displayed.
Set a list of words displayed as hints when you type. If empty or not set, will not be displayed.
Default Krajee presets for the summernote plugin
protected array $krajeePresets = [
'height' => 300, 'dialogsFade' => true, 'toolbar' => [['style1', ['style']], ['style2', ['bold', 'italic', 'underline', 'strikethrough', 'superscript', 'subscript']], ['font', ['fontname', 'fontsize', 'color', 'clear']], ['para', ['ul', 'ol', 'paragraph', 'height']], ['insert', ['link', 'picture', 'video', 'table', 'hr']]], 'fontSizes' => ['8', '9', '10', '11', '12', '13', '14', '16', '18', '20', '24', '36', '48'], 'codemirror' => ['theme' => \kartik\editors\Codemirror::DEFAULT_THEME, 'lineNumbers' => true, 'styleActiveLine' => true, 'matchBrackets' => true, 'smartIndent' => true]
]
'height' => 300, 'dialogsFade' => true, 'toolbar' => [['style1', ['style']], ['style2', ['bold', 'italic', 'underline', 'strikethrough', 'superscript', 'subscript']], ['font', ['fontname', 'fontsize', 'color', 'clear']], ['para', ['ul', 'ol', 'paragraph', 'height']], ['insert', ['link', 'picture', 'video', 'table', 'hr']]], 'fontSizes' => ['8', '9', '10', '11', '12', '13', '14', '16', '18', '20', '24', '36', '48'], 'codemirror' => ['theme' => \kartik\editors\Codemirror::DEFAULT_THEME, 'lineNumbers' => true, 'styleActiveLine' => true, 'matchBrackets' => true, 'smartIndent' => true]
]
The plugin name
Whether to use styles with span
Whether to use Krajee presets for toolbar and other plugin settings. You can override these through plugin options;
Whether to use Krajee CSS modifications to the Summernote Bootstrap styles.
Method Details
Returns the plugin registration script.
| public string getPluginScript ( $name, $element = null, $callback = null, $callbackCon = null ) | ||
| $name | string | The name of the plugin |
| $element | string | The plugin target element |
| $callback | string | The javascript callback function to be called after plugin loads |
| $callbackCon | string | The javascript callback function to be passed to the plugin constructor |
| return | string | The generated plugin script |
|---|---|---|
| throws | Exception | |
Initialize summernote editor plugin hints
| protected void initHints ( ) |
Initializes Krajee preset toolbar
| protected void initKrajeePresets ( ) |
Initializes widget
| protected void initWidget ( ) | ||
| throws | ReflectionException | |
|---|---|---|
Registers the needed assets
| public void registerAssets ( ) |
Executes the widget.
| public string|void run ( ) | ||
| return | string|void | The rendering result may be directly "echoed" or returned as a string |
|---|---|---|
| throws | ReflectionException | |