`

富文本框ckeditor使用总结

阅读更多

2 <%=Html.TextAreaFor(Model => Model.WORK_INTRODUCTION)%> 3 <script type="text/javascript"> 4  CKEDITOR.replace('WORK_INTRODUCTION'); 5 </script>



1、获取CKEditor被选中的内容
var mySelection = CKEDITOR.instances.WORK_INTRODUCTION.getSelection();
        if (CKEDITOR.env.ie) {
            mySelection.unlock(true);
            data = mySelection.getNative().createRange().text;
        } else {
            data = mySelection.getNative();
        }
2、获取CKEditor纯文本
var CText=CKEDITOR.instances.WORK_INTRODUCTION.document.getBody().getText(); //取得纯文本      

3、获取CKEditor带HTML标签的文本
var CHtml= CKEDITOR.instances.WORK_INTRODUCTION.getData();

4、给CKEditor赋值

CKEDITOR.instances.WORK_INTRODUCTION.setData("要显示的文字内容");



参考文献:http://banu.blog.163.com/blog/static/2314648201282553627350/


官方地址: http://ckeditor.com/download

百度经验:http://jingyan.baidu.com/article/d169e186448a46436611d8e1.html
分享到:
评论

相关推荐

    富文本框ckeditor_4.4.7 文本框的简单使用 支持IE11

    富文本框CKEditor 4.4.7 是一个强大的在线编辑器,专为网页开发者设计,用于在网页上创建和编辑复杂格式的文本内容。它支持多种浏览器,包括Internet Explorer 11,使得开发者能够在较旧的环境中也能提供丰富的文本...

    富文本框插件

    常见的富文本框库有CKEditor、TinyMCE、Quill、Draft.js等。这些库提供了强大的功能集,并且具有良好的社区支持和持续更新。 四、应用场景 1. **内容创作**:例如在线博客、新闻编辑后台,用户可以方便地排版文章。...

    最强的web在线富文本框

    总结起来,“最强的Web在线富文本框”是一个全面的、跨平台的富文本编辑解决方案,它提供的图片和文件上传功能使得用户可以在网页上进行更丰富的文本编辑。无论你是.NET开发者还是PHP爱好者,或者是其他Web开发人员...

    CKEditor 富文本编辑器 ckeditor-java-core

    总结来说,CKEditor是一个功能强大的富文本编辑器,通过"ckeditor-java-core"库,可以方便地在Java Web应用中集成,提供用户友好的文本编辑界面。Struts2FCKEditorPlugin则为Struts2框架提供了便利的集成方式。理解...

    基于SSM框架的登录注册和富文本框加Excel的导出

    这个项目"基于SSM框架的登录注册和富文本框加Excel的导出"是一个典型的企业级应用功能模块,它涵盖了用户认证、内容编辑和数据导出等关键点。下面将详细阐述这些知识点。 首先,**Spring框架** 是一个全面的后端...

    CKEDITOR MVC4 富文本编辑器 DEMO 图片上传

    CKEDITOR MVC4 富文本编辑器是一款在ASP.NET MVC4框架下使用的高级文本编辑工具,它为用户提供了丰富的文本格式化选项以及图片上传功能。这个DEMO是专门为新手设计的,旨在帮助他们快速理解和实现一个功能完备的在线...

    富文本编辑器js,css

    总结来说,"富文本编辑器js,css"资源提供了一个完整的富文本编辑器实现,结合JavaScript和CSS,可以方便地在网页上创建功能强大、易于使用的文本编辑区域。对于开发者而言,理解并掌握这些知识点是构建用户友好、...

    一款基于vue3+typescript+element plus的HTML5富文本编辑器.zip

    总结起来,这个项目是一个使用现代前端技术栈,包括Vue 3、TypeScript和Element Plus的HTML5富文本编辑器。它利用HTML5的多媒体功能,提供了一个强大的、可定制的在线编辑环境,适合于内容创建和管理。开发者通过这...

    MVC使用异步图片上传和富文本编辑器的使用

    在本文中,我们将深入探讨如何在ASP.NET MVC框架下实现异步图片上传和富文本编辑器的使用。ASP.NET MVC是一种流行的Web应用程序开发框架,它提供了模型-视图-控制器(MVC)的设计模式,使得代码结构清晰,易于维护。...

    CKeditor控件.net版

    总结来说,这个压缩包为.NET开发者提供了完整的CKeditor集成方案,包括源码、示例和必要的项目结构,使得在ASP.NET项目中实现富文本编辑功能变得更加便捷。通过学习和使用这些资源,开发者不仅可以快速集成CKeditor...

    ckeditor 在线编辑框

    CKEditor 是一个广泛使用的开源富文本编辑器,它为用户提供了一个在网页上编辑内容的强大工具。这款编辑器以其丰富的功能、灵活性和易用性而受到开发者的青睐。CKEditor 支持多种编程语言,如 JavaScript、HTML、CSS...

    django-ckeditor-master.zip

    "django-ckeditor-master.zip" 文件包含了一个针对Django3优化的CKEditor实现,它提供了一个易配置、易使用的富文本编辑器解决方案。 CKEditor是一款广泛使用的开源富文本编辑器,它允许用户在网页上创建和编辑内容...

    网站富文本编辑器Fckeditor在ASP.NET中应用源程序

    虽然FCKeditor是一款优秀的富文本编辑器,但其已停止更新,推荐使用其后续项目CKEditor,后者在功能和性能上有进一步的提升,并且拥有更活跃的社区支持。 总结,FCKeditor在ASP.NET中的应用涉及到前端和后端的交互...

    CKeditor编辑器

    总结来说,CKeditor是一个强大的富文本编辑器,其丰富的功能和高度的可定制性使其成为网站内容管理的得力工具。无论是个人博客、企业网站还是在线教育平台,CKeditor都能提供一个高效、稳定的编辑环境,帮助用户轻松...

    Laravel开发-laravel-ckeditor

    CKEditor 是一款广泛使用的富文本编辑器,它提供了丰富的文本格式化选项,常用于网站内容管理系统的创建。 首先,让我们了解什么是 Laravel-CKEditor。Laravel-CKEditor 是一个 Laravel 包,它简化了在 Laravel ...

    关于ckeditor在bootstrap中modal中弹框无法输入的解决方法

    在使用Bootstrap框架中的模态框(Modal)组件进行页面开发时,嵌入富文本编辑器CKEditor是一个常见的需求。然而,在实际应用中,开发者可能会遇到在模态框中无法输入文本的问题。这通常是由于Bootstrap模态框的特定...

    Ext的CKEditor组件

    总结来说,ExtJS中的CKEditor组件为开发者提供了一个功能强大且易于使用的富文本编辑器,使得在Web应用中创建和编辑HTML内容变得简单。通过灵活的配置和强大的插件系统,CKEditor能够适应各种复杂的编辑场景,是构建...

    php中富文本编辑器使用

    本文将深入探讨如何在CodeIgniter(CI)框架中集成CKEditor和CKFinder,提供一个完整的富文本编辑解决方案。 首先,我们要了解什么是CodeIgniter。CodeIgniter(简称CI)是一款轻量级的PHP框架,它提供了丰富的工具...

    PyPI 官网下载 | django-ckeditor-5-0.0.8.tar.gz

    接着,在需要使用富文本编辑器的地方,通过模板语言引入`ckeditor_5`提供的模板标签和JavaScript库。 **总结** `django-ckeditor-5-0.0.8.tar.gz`是一个从PyPI下载的Python库,用于在Django项目中集成CKEditor 5,...

    springMVC的action配置+ckeditor

    CKEditor是一款广泛使用的富文本编辑器,它可以提供丰富的文本格式化选项,以及图片和多媒体内容的插入能力。在Web应用中,CKEditor常用于创建内容编辑界面,如博客、论坛或者内容管理系统。CKEditor内置了图片上传...

Global site tag (gtag.js) - Google Analytics