Search Results: wegh edit

dxHtmlEditor

Reference
HTML Editor is a WYSIWYG editor that allows you to format textual and visual content and to output it in HTML or Markdown. HTML Editor is built on top of and requires the DevExtreme Quill.

a Component Angular Component Configuration Syntax Vue Component Configuration Syntax React Component Configuration Syntax Methods This section describes methods that control the HTML Editor UI component. See Also jQuery Call Methods Angular Call Methods Vue Call Methods React Call Methods Events This section describes events that the HTML Editor UI component raises

dxHtmlEditor Methods

Reference
This section describes methods that control the HTML Editor UI component.

into the editor at the the cursor's location: JavaScript const newPosition = editor.getSelection(true); editor.insertText(newPosition.index, "text"); getText(index, length) Retrieves text content from the HTML...-editor ... *ngIf="condition"> </dx-html-editor> Vue Use conditional rendering instead of this method: App.vue <template> <DxHtmlEditor ... v-if="condition">

dxValidationGroup

Reference
The ValidationGroup is a UI component that allows you to validate several editors simultaneously.

Read Guides NOTE Nested validation groups are not supported. See Also jQuery Add DevExtreme to a jQuery Application Angular Add DevExtreme to an Angular CLI Application Vue Add...

dxValidator CompareRule

Reference
A validation rule that demands that a validated editor has a value that is equal to a specified expression.

; ); } } export default App; Display the editor's name in the message jQuery index.js $(function() { $("#textBox").dxTextBox({ ... }) .dxValidator({ name: "Passwords", // The error

Getting Started with HtmlEditor

Guides

application. To create an HTML Editor on your page, use the following code: app.component.htmlapp.component.tsapp.module.ts <dx-html-editor> <!-- Configuration goes here --> </dx-html... the option(optionName, optionValue) method: index.js $(function () { const editor = $("#html-editor").dxHtmlEditor({ valueType: "html" }).dxHtmlEditor('instance'); editor.option("value