extjs extjs3 extjs4 htmleditor 引入自定义样式

最新推荐文章于 2021-06-09 12:09:15 发布

重庆-传说

最新推荐文章于 2021-06-09 12:09:15 发布

阅读量3.4k

点赞数

分类专栏： Extjs Extjs4 开发经验文章标签： extjs stylesheet function border 文本编辑 class

原创不易，白嫖不好，如果有用，请点赞，让更多的朋友看到这篇文章。

本文链接：https://blog.csdn.net/zdb330906531/article/details/7471640

版权

Extjs 同时被 2 个专栏收录

31 篇文章 1 订阅

订阅专栏

Extjs4 开发经验

18 篇文章 3 订阅

订阅专栏

想给 extjs3 的文本编辑框引入自定义的样式，搜索无果，自己琢磨着给弄了出来，废话就不多说了，有兴趣的看下面代码：

xtype: 'htmleditor',
//引用自定义样式
getDocMarkup: function () {
return '<html><head><link href="style/apiContent.css" rel="stylesheet" type="text/css" /></head><body></body></html>';
},
html:'<div class="content">****</div>'

好了，我要的效果实现了。接下来，我给大家对比一下重写的函数：

3.0版本

getDocMarkup : function(){
        return '<html><head><style type="text/css">body{border:0;margin:0;padding:3px;height:98%;cursor:text;}</style></head><body></body></html>';
    },

4.0版本

    getDocMarkup: function() {
        var me = this,
            h = me.iframeEl.getHeight() - me.iframePad * 2;
        return Ext.String.format('<html><head><style type="text/css">body{border:0;margin:0;padding:{0}px;height:{1}px;cursor:text}</style></head><body></body></html>', me.iframePad, h);
    },

重庆-传说

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
extjs extjs3 extjs4 htmleditor 引入自定义样式

想给 extjs3 的文本编辑框引入自定义的样式，搜索无果，自己琢磨着给弄了出来，废话就不多说了，有兴趣的看下面代码：xtype: 'htmleditor',//引用自定义样式getDocMarkup: function () {return '';},html:'****'好了，我要的效果实现了。接下来，我给大家对比一下重写的函数：3.0版本getDo
复制链接

扫一扫