Angular HtmlEditor - converter
jQuery
index.js
const converter = { toHtml: (value) => { const result = */ Convert the value and return a string */ return result; }, fromHtml: (value) => { const result = /* Convert the value and return a string */ return result; } } $('#editor').dxHtmlEditor({ converter, });
Angular
app.component.ts
app.component.html
export class AppComponent { toHtml(value) { const result = */ Convert the value and return a string */ return result; } fromHtml(value) { const result = /* Convert the value and return a string */ return result; } }
<dx-html-editor> <dxo-converter (toHtml)="toHtml" (fromHtml)="fromHtml" > </dxo-converter> </dx-html-editor>
Vue
App.vue
<template> <DxHtmlEditor ...> <DxConverter @to-html="toHtml" @from-html="fromHtml" /> </DxHtmlEditor> </template> <script setup> import DxHtmlEditor, { DxConverter } from 'devextreme-vue/html-editor'; const toHtml: (value) => { const result = */ Convert the value and return a string */ return result; } const fromHtml: (value) => { const result = /* Convert the value and return a string */ return result; } </script>
React
App.js
import React from 'react'; import HtmlEditor, { Converter } from 'devextreme-react/html-editor'; const toHtml: (value) => { const result = */ Convert the value and return a string */ return result; } const fromHtml: (value) => { const result = /* Convert the value and return a string */ return result; } function App() { return ( <HtmlEditor ...> <Converter fromHtml={fromHtml} toHtml={toHtml} /> </HtmlEditor> ); } export default App;
Feel free to share topic-related thoughts here.
If you have technical questions, please create a support ticket in the DevExpress Support Center.
Thank you for the feedback!
If you have technical questions, please create a support ticket in the DevExpress Support Center.