[求助]编辑器的DIV样式增加帝国cms - 安全、强大、稳定、灵活

帝国论坛 → 帝国网站管理系统交流区 → 帝国CMS使用交流 → [求助]编辑器的DIV样式增加

【本版专题贴子】

jiaxian520
用户头衔：举人

精华贴   ：0
发贴数   ：332
经验值   ：1174
注册时间：2009-02-04

信息

搜索

好友

发送悄悄话

【精益求精－帝国网站管理系统7.5正式版开源发布】 [第 1 楼]

[求助]编辑器的DIV样式增加

文章有固定的DIV样式，每次发布文章的时候，都需要添加
我只会在DIV样式容器里增加了，但每次都需要点开，再选择
有没有什么办法，让在编辑器上直接显示按钮，点击一下，就可以跟现有的容器一样，添加上样式。

上传以下图片：

2024-08-12 11:06:46

已设置保密

顶部

引用

报告

编辑

删除

jiuhecai
用户头衔：探花

精华贴   ：0
发贴数   ：3108
经验值   ：8921
注册时间：2014-07-02

信息

搜索

好友

发送悄悄话

【免费开源－EBMA系统：更安全的MYSQL管理和备份系统】 [第 2 楼]

可以定制 qq联系

帝国插件插件定制。帝国临时工。查杀顽固木马。专业解决难题。qq--110102296

2024-08-12 16:33:23

已设置保密

顶部

引用

报告

编辑

删除

jiaxian520
用户头衔：举人

精华贴   ：0
发贴数   ：332
经验值   ：1174
注册时间：2009-02-04

信息

搜索

好友

发送悄悄话

【精益求精－帝国网站管理系统7.5正式版开源发布】 [第 3 楼]

CKEDITOR.plugins.add('divclass', {
init: function(editor) {
      // 添加编辑器命令
      editor.addCommand('insertDivClass', {
         exec: function(editor) {
            var selection = editor.getSelection();
            var ranges = selection.getRanges();
            var content = '';

            // 这里只是示例，‌实际你可能需要遍历所有range并处理
            if (ranges.length > 0) {
                  var range = ranges[0];
                  var clonedElement = range.cloneContents();
                  var div = new CKEDITOR.dom.element('div', editor.document);
                  div.addClass('styelxx');
                  div.append(clonedElement);

                  // 注意：‌这里的处理很简化，‌实际中你可能需要更精细地处理内容
                  // 比如处理嵌套、‌样式、‌位置等

                  range.deleteContents();
                  range.insertNode(div);
                  selection.selectRanges([range]);
            }
         }
      });

      // 添加工具栏按钮
      editor.ui.addButton('divclass', {
         label: 'Add Div with Class',
         command: 'insertDivClass',
         //toolbar: 'insert', // 或者你希望放置的其他工具栏组
         icon: this.path + 'images/insertpage.gif'
      });
}
});

算是弄了一个，但会出现错误。
就算是全选了，但添加了DIV后，依然会少了最开始的一个P标签和最后一个结尾P标签。。

2024-08-12 20:43:13

已设置保密

顶部

引用

报告

编辑

删除