首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >Tinymce :在enter上添加新段落时不复制类

Tinymce :在enter上添加新段落时不复制类
EN

Stack Overflow用户
提问于 2017-07-30 01:59:13
回答 1查看 143关注 0票数 1

使用一个自定义按钮,我添加了一个带有类和一些内容的翻译器,如下所示:

代码语言:javascript
运行
复制
<p class="mce-new-class">my custom content</p>

当我在这样一个段落后面按enter时,TinyMCE会自动添加一个使用完全相同的类的新段落:

代码语言:javascript
运行
复制
<p class="mce-new-class">my custom content</p>
<p class="mce-new-class">&nbsp;</p>

我只想有一个新的段落,但没有这个类:

代码语言:javascript
运行
复制
<p class="mce-new-class">my custom content</p>
<p>&nbsp;</p>

我试过了:

代码语言:javascript
运行
复制
tinymce.init({
    ...
    setup: function (ed) {
        ed.on('keydown',function(e) {
            if(e.keyCode == 13){
                ed.selection.setContent('<p>&nbsp;</p>'); 
                return false;
            }
        });
    }
});

但这适用于所有情况,并将阻止其他有用的情况,如在"enter press“上复制列表元素

任何帮助都将不胜感激

EN

回答 1

Stack Overflow用户

发布于 2017-07-30 05:43:42

找到了一个解决方案:

代码语言:javascript
运行
复制
...
setup: function (ed) {
    ed.on('keydown',function(e) {
        if(e.keyCode == 13){
            if(ed.dom.hasClass(ed.selection.getNode(), 'mce-new-class')){               
                ed.selection.setContent('<p>&nbsp;</p>'); 
                return false;                   
            } else {                
                return true;
            }
        }
    });
},
...
票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/45392375

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档