Extjs-components-html-editor
提供:Dev Guides
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>
上記のプログラムは、次の結果を生成します-