Ext.js - HTML 编辑器
此 Ext JS UI 小部件用于创建一个 html 编辑器,以便用户可以编辑字体、颜色、大小等信息。
语法
以下是创建 HTML 编辑器的简单语法。
Ext.create('Ext.form.HtmlEditor')
示例
以下是显示 HTML 编辑器的简单示例。
<!DOCTYPE html> <html> <head> <link href = "https://cdnjs.cloudflare.com/ajax/libs/extjs/6.0.0/classic/theme-classic/resources/theme-classic-all.css" rel = "stylesheet" /> <script type = "text/javascript" src = "https://cdnjs.cloudflare.com/ajax/libs/extjs/6.0.0/ext-all.js"></script> <script type = "text/javascript"> Ext.onReady(function() { Ext.create('Ext.form.HtmlEditor', { width: 580, height: 250, renderTo: document.getElementById('editorId') }); }); </script> </head> <body> <div id = "editorId"></div> </body> </html>
上述程序将产生以下结果 −