`
jiangzhenghua
  • 浏览: 601002 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

Ckeditor 如何在源码模式下添加可以显现的按钮

 
阅读更多

首先我们需要了解的是CKEditor是有两种模式,一个是可视化模式(wysiwyg)一个是源码模式(source)

如果想让你添加的插件按钮在源码模式下也能显现,可以

采用如下代码:

var m = editor.addCommand( 'myImageCmd', new CKEDITOR.dialogCommand( 'myAddImage' ) );
        m.modes={wysiwyg:0,source:1};

 注:其中wysiwyg:0就是指在可是化模式下该按钮不显示,source:1就是指在源码模式下显示该按钮

分享到:
评论
2 楼 hp321 2014-08-21  
我现在遇到一个开发自定义按钮的问题,想请教下你:
问题如下:

举例:我要开发一个按钮实现删除线,我现在实现了新增按钮并在选中文字添加一个html标签括住,然后自定义标签内容的样式。【叫‘删除’按钮吧】

现在遇到问题是,当前操作‘删除’按钮时,图标不显示按下,并且接着输入的文字或被放到了刚才定义的html标签,我需要的效果是后续文字不再这个标签内输入文字。
1 楼 huxianwen 2014-03-18  
问题是, ckeditor编辑器在源码模式并不能插入任何代码呀。

editor.insertHtml 在源码模式下插入不了。 你怎么解决的。

相关推荐

    CKEditor示例源码20121228

    "配置方法存放在docs文件夹下"这一信息提示,开发者可以在docs文件夹内找到关于如何设置和定制CKEditor的详细指南,包括但不限于语言设置、工具栏配置、插件安装等。 "源码是一个示例,欢迎感兴趣的用户下载学习...

    CKEditor 应用 源码 JSP

    CKEditor是一款广泛应用于Web开发中的富文本编辑器,它提供了丰富的文字格式化功能,使得用户在网页上可以像在桌面应用程序中一样编辑内容。在JSP(JavaServer Pages)环境中集成CKEditor,可以让用户在服务器端进行...

    ckeditor5全屏按钮

    例如,他们可以选择是否在初始化时显示全屏按钮,或者自定义全屏模式下的工具栏布局。此外,还可以通过监听编辑器的事件来在全屏模式切换时执行特定的函数,比如保存当前编辑状态或者更新页面元数据。 为了集成...

    ckeditor源码

    CKEditor是一款广泛应用于网页编辑的开源富文本编辑器,它为用户提供了一种在网页上创建、编辑和格式化内容的强大工具。源码分析对于开发者来说是深入理解其工作原理、自定义功能或进行二次开发的重要步骤。下面我们...

    ckeditor4源码(2017年最新版)

    4. **测试和调试**:使用CKEditor4提供的测试框架进行插件的功能和兼容性测试,确保其在不同环境下正常运行。 此外,CKEditor4还支持自定义构建,允许开发者根据项目需求选择加载特定的插件和功能,减少不必要的...

    ckeditor编辑器源码 v3.2.1

    例如,可以添加自定义按钮或工具栏项,实现特定的编辑或处理逻辑。 3. **可定制性**:CKEditor的源码提供了高度的定制性,开发人员可以根据项目需求调整编辑器的外观、行为和功能。例如,通过修改`ckeditor.js`和`...

    ckeditor_4.x自定义按钮控件详细配置

    在 plugin.js 文件中,我们可以使用 CKEDITOR.plugins.add() 方法来添加插件,并在 init 函数中注册命令和加载自定义窗口。例如: ``` CKEDITOR.plugins.add('myplugin', { requires: ['dialog'], init: function...

    ckeditor_4.8.0 asp.net源码

    在ASP.NET环境中,CKEditor可以作为网页表单的一部分,允许用户在前端进行格式化的文本输入,然后将这些内容提交到后端进行处理。这在构建论坛、博客、内容管理系统等需要用户输入丰富格式文本的应用中非常实用。 ...

    ckeditor带注释源码 未压缩 非压缩

    通过阅读注释,我们可以学习CKEditor的设计模式和最佳实践。 3. **插件系统** CKEditor的插件系统是其强大功能的关键。开发者可以通过编写自定义插件来扩展编辑器功能,如添加新的按钮、工具栏项或者处理特定的富...

    ckeditor文件管理按钮

    直接在ckeditor的按钮中显示文件浏览按钮,点击后打开文件浏览窗口,上传或管理文件(必须安装ckfinder先) config.js中添加名为File的按钮 config.js中添加 config.filebrowserFileBrowseUrl = '/js/ckfinder/...

    ckeditor4源代码(非压缩版)

    在"ckeditor-dev-master"这个目录下,我们可以期待看到CKEditor 4的核心开发版本,包含了完整的源码、测试用例、构建脚本以及文档等资源。以下是一些主要的知识点: 1. **源码结构**:源代码通常按照模块和功能进行...

    ckeditor4添加上传视频插件

    "ckeditor4添加上传视频插件"这个主题,是关于如何在CKEditor 4中集成视频上传功能的教程。下面我们将详细探讨这一过程。 首先,视频上传功能的实现通常涉及前后端两个部分。前端部分是CKEditor 4编辑器的用户界面...

    为CKEditor开发插入代码的插件

    modes: { wysiwyg: 1, source: 1 } // 在WYSIWYG模式和源码模式下可用 }); ``` 4. **样式和语言文件**:如果需要自定义代码块的样式,可以创建一个CSS文件(例如`styles.css`)并在CKEditor配置中引入。对于多语言...

    ckeditor公式编辑器插件源码

    总的来说,"ckeditor公式编辑器插件源码"为需要在网页中插入和编辑数学公式的用户提供了一套便捷的解决方案,它结合了CKEditor的强大文本编辑功能和MathJax的高效公式渲染技术,使得在Web环境下处理数学公式变得简单...

    ckeditor自定义按钮

    通过上述步骤,开发者可以成功地在CKEditor中添加自定义按钮,并实现按钮的特定功能。这不仅增强了编辑器的可用性,还为用户提供了更为丰富和个性化的编辑体验。需要注意的是,CKEditor本身具有高度的灵活性和扩展性...

    ckeditor4.2 自定义按钮和下拉框实现

    通过以上步骤,你就可以在CKEditor 4.2中成功实现自定义按钮和下拉框。这种定制能力使得CKEditor能够适应各种复杂的编辑场景,满足不同用户的需求。在实际开发中,你还可以进一步调整样式、添加更复杂的逻辑处理,...

    自定义图片上传按钮的ckeditor

    用自定义图片上传按钮代替原来的图片上传按钮,实现即时上传插入。覆盖原ckeditor。修改ckeditor.js中imgupload()的上传接口路径。根据接口返回自定义 success: function 中的代码解析出图片路径。

    ckeditor 4.1 两端对齐按钮支持中文两端对齐补丁

    在这款编辑器的早期版本4.1中,存在一个关于中文文字排版的问题,即默认配置下,两端对齐(Full Justify)按钮可能无法正确地对中文文本进行两端对齐显示。这个问题主要源于CSS样式处理上的不足,特别是针对汉字的...

    ckeditor_3.0.2源码附送

    源码的开放意味着我们可以看到CKEditor的内部工作原理,理解其架构设计,这对于调试问题、性能优化以及定制化开发至关重要。源码分析可以帮助我们学习到优秀的前端编程实践,提升自身技能。 在实际应用中,CKEditor...

Global site tag (gtag.js) - Google Analytics