Extjs编辑器案例

简介: 版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.
版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/qingfeng812/article/details/21018931
  Ext.onReady(function(){  
    Ext.QuickTips.init();//使用HtmlEditor之前必须初始化提示  
    Ext.create('Ext.form.Panel',{     
        title:'Ext.form.field.HtmlEditor示例',  
        width:630,  
        frame:true,  
        renderTo:Ext.getBody(),  
        bodyPadding:5,  
        items:[{  
            fieldLabel:'html字段',  
            xtype:'htmleditor',  
            height:150,  
            width:600,  
            value:'ExtJS登场',  
            labelWidth:70,  
            labelSeparator:':',//分隔符  
            createLinkText:'创建超链接',//创建连接的提示信息  
            defaultLinkValue:'http://www.',//链接的默认形式  
            enableAlignments:true,//启用左中右对齐按钮  
            enableColors:true,//启用前景色,背景色选择按钮  
            enableFont:true,//启用字体选择按钮  
            enableFontSize:true,//启用字体增大和缩小按钮  
            enableFormat:true,//启用粗体,斜体,下划线按钮  
            enableLinks:true,//启用创建连接按钮  
            enableLists:true,//启用列表按钮  
            enableSourceEdit:true,//启用源代码编辑按钮  
            fontFamilies:['宋体','隶书','黑体']//字体列表  
              
        }]  
      
    });  
      
});

相关文章
|
数据采集 移动开发 前端开发
如何使用JavaScript实现前端导入和导出excel文件(H5编辑器实战复盘)
最近笔者终于把H5-Dooring的后台管理系统初步搭建完成, 有了初步的数据采集和数据分析能力, 接下来我们就复盘一下其中涉及的几个知识点,并一一阐述其在Dooring H5可视化编辑器中的解决方案. 笔者将分成3篇文章来复盘, 主要解决场景如下
837 0
|
5月前
|
数据安全/隐私保护
Pyside6实操笔记(一):系统页面跳转
本文介绍了如何使用Pyside6实现系统页面跳转,包括登录界面跳转到注册界面的代码实现。关键步骤包括创建空窗口、编写跳转逻辑,并提供了完整的登录和注册窗口代码。此外,还涉及了国际化、主题色设置和窗口特效等高级功能。
221 0
|
5月前
Threejs用官方提供的编辑器做一个简单的模型
这篇文章介绍了如何使用Three.js内置的编辑器来创建和编辑简单的3D模型,并提供了相应的操作指南。
475 0
MakeDown编辑器怎么使用
MakeDown编辑器怎么使用
123 0
|
10月前
|
JavaScript 前端开发
如何用JS实现选项卡功能
如何用JS实现选项卡功能
55 0
|
前端开发 JavaScript API
前端封装库/工具库的编辑器之TinyMCE
在现代前端开发中,富文本编辑器是一个非常重要的组成部分。其中,TinyMCE 是一个备受欢迎的 JavaScript 富文本编辑器库。
351 1
|
前端开发 JavaScript 搜索推荐
前端封装库/工具库的编辑器之UEditor
随着互联网时代的到来,Web应用程序的内容创作和编辑变得越来越重要。而为了更高效地进行内容编辑和管理,前端封装库/工具库的出现成为了一个非常好的解决方案。其中一个经典的编辑器就是UEditor。
177 0
|
前端开发 JavaScript API
前端封装库/工具库的编辑器之CKEditor
在现代前端开发中,富文本编辑器是一个非常重要的组成部分。其中,CKEditor 是一个备受欢迎的 JavaScript 富文本编辑器库。
234 0
|
数据可视化
Markdown编辑器与富文本编辑器的区别
首先,要搞清楚一点,markdown 编辑器与传统的富文本编辑器实际上一点区别都没有!只是可能由于某些原因放到了一个概念,那么是一个什么概念呢?
325 0
|
前端开发
#私藏项目实操分享# 【练习案例React九】封装一个标题显示栏
#私藏项目实操分享# 【练习案例React九】封装一个标题显示栏
178 0
#私藏项目实操分享# 【练习案例React九】封装一个标题显示栏