`
superallen
  • 浏览: 141697 次
  • 来自: ...
社区版块
存档分类

一个在线编辑器-web based editor-tinyMCE

阅读更多

  tinyMCE和FCKEditor都是很好用的JS编辑器,我们这个博客用的就是FCKEditor。

  使用TinyMCE非常的简单。

   

1.         jscripts包考到WEB工程下

2.         在需要的页面中,添加以下代码进行初始化即可

xml 代码
  1. <!-- tinyMCE -->  
  2.         <script language="javascript" type="text/javascript" src="jscripts/tiny_mce/tiny_mce.js"></script>  
  3.         <script language="javascript" type="text/javascript">  
  4.             tinyMCE.init({   
  5.                 mode : "exact",   
  6.                 elements :"hello",   
  7.                 theme : "advanced",   
  8.                 language :"zh_cn",   
  9.                 theme_advanced_toolbar_location : "top",   
  10.             });   
  11.                
  12.         </script>  
  13. <!-- /tinyMCE -->  
分享到:
评论

相关推荐

    vue-tinymce-editor Vue2的Tinymce编辑器组件。-Vue.js开发

    在此页面中,您可以看到一个演示和示例:演示和示例vue-tinymce-editor该组件为vue开发人员提供了易于使用的tinymce演示。可以在此页面中查看演示和示例:演示和示例安装$ npm install vue-tinymce-editor如何使用从...

    tinymce-highcharts-editor

    【tinymce-highcharts-editor】是一个将流行的富文本编辑器TinyMCE与强大的数据可视化库Highcharts相结合的项目。这个项目的主要目标是使用户能够在TinyMCE编辑器内部创建和编辑Highcharts图表,从而提供一种直观且...

    Vue使用富文本编辑器Vue-Quill-Editor(含图片自定义上传服务、清除复制粘贴样式等)

    主要介绍了Vue项目中使用富文本编辑器Vue-Quill-Editor(含图片自定义上传服务、清除复制粘贴样式等)的相关知识,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以...

    vue3富文本编辑器vue3-kind-editor

    而Kind Editor则是一个成熟的JavaScript富文本编辑器,它具有良好的跨浏览器兼容性和多种自定义功能。 在Vue3中集成Kind Editor,首先需要了解Vue3的新特性。Vue3的Composition API允许开发者更灵活地组织和重用...

    ngx-tinymce-editor:角5+ tinymce编辑器

    安装说明从npm安装tinymce 从npm安装ngx-tinymce-editornpm install tinymce --savenpm install ngx-tinymce-editor --save推荐将ngx-tinymce-editor导入到您的根AppModule 。 将node_modules/tinymce/skins复制到...

    vue3-tinymce-demo

    【Vue3-Tinymce-Demo】是一个基于Vue3框架实现的TinyMCE编辑器示例项目,它展示了如何在Vue3应用中集成和使用这个强大的富文本编辑器。TinyMCE是一个广泛使用的开源富文本编辑器,提供了丰富的文本格式化功能,如...

    vue-element-admin-tinymce本地化文件

    在"vue-element-admin-tinymce本地化文件"中,我们可以看到它被用来构建一个管理后台,特别是与TinyMCE编辑器的集成。 **Element UI 框架** Element UI 是一套基于 Vue.js 的开源UI组件库,由饿了么团队开发。它...

    富文本编辑器使用的函数库---Tinymce

    Tinymce是一个基于JavaScript的富文本编辑器库,支持多种浏览器,包括Chrome、Firefox、Safari和Internet Explorer。它提供了丰富的文本编辑功能,如字体样式设置、列表、链接插入、图片上传等。Tinymce还支持HTML5...

    editor-app.rar

    本压缩包"editor-app.rar"包含了一个在线编辑器的源码,经过优化后,界面更加清爽,与最新的bpmn.js界面风格相似,尽管内部的节点图尚未更新,但这为未来的改进留下了空间。 首先,我们要理解"activiti在线编辑器...

    在vue3项目中使用tinymce编辑器

    在Vue3项目中集成TinyMCE编辑器是一个常见的需求,特别是在构建富文本编辑功能时。TinyMCE是一款功能强大的开源富文本编辑器,它提供了丰富的API和插件,可以定制化满足各种复杂的编辑需求。本篇文章将详细讲解如何...

    react-tinymce-editor

    "react-tinymce-editor" 是一个基于React框架的TinyMCE编辑器组件,它使得在React应用中集成富文本编辑功能变得简单。TinyMCE是一款流行的开源富文本编辑器,支持多种格式的内容编辑,如HTML、Markdown等。通过将...

    vue-tinymce 富文本编辑器自定义图片上传

    vue-tinymce 封装了el-upload 控件,支持富文本编辑器自定义图片上传整合。 复制到vue的src/components文件夹下 详情博文介绍见:https://xingyun.blog.csdn.net/article/details/102492921

    TinyMCE -- web 文本编辑控件(javascript/html)

    TinyMCE是一款强大的Web文本编辑器,由Moxiecode System AB公司开发并根据LGPL(GNU Lesser General Public License)协议进行分发。这个编辑器是JavaScript和HTML技术的结晶,旨在为网页提供类似桌面应用的富文本...

    tinyMCE富文本编辑器line-height行高插件

    这里,我们在`toolbar`参数中添加了`lineheight`,这样在编辑器的工具栏上就会出现一个用于设置行高的按钮。 4. **启用插件**:保存配置后,刷新页面,你将在TinyMCE的工具栏上看到新增的行高图标。点击这个图标,...

    uedotor引入tinymce-formal公式插件的例子的编辑器.zip Latex 公式在线可视化编辑器

    本示例主要涉及的是一个集成LaTeX公式的在线编辑器,它基于ueditor和tinymce-formal插件。ueditor是一款广泛使用的JavaScript富文本编辑器,而tinymce则是一个功能强大的轻量级WYSIWYG编辑器,两者结合能提供更完善...

    tinyMCE 富文本编辑器 line-height 行高插件

    tinyMCE 富文本编辑器 line-height 行高插件。 tinyMCE富文本编辑器line-height行高插件,下载后放在tinyMCE插件的plugins文件夹中,之后初始化中引入plugins,即可在toolbar中展示 tinyMCE line-height 行高插件

    tinymce-文本编辑器-开源

    TinyMCE是一个强大的开源文本编辑器,广泛应用于Web开发中,为用户提供了一个类似Microsoft Word的富文本编辑体验。它的特点是轻量级、可定制且功能丰富,使得网页内容的创建和编辑变得简单易行。这款编辑器支持多种...

    layui的富文本编辑器插件(tinymce)封装

    Layui封装tinymce时,会提供一个配置对象,通过这个对象可以定制编辑器的行为。例如,你可以设置`language`为中文,添加`code`、`image`等插件,以满足不同的编辑需求。 3. **layui兼容性**:封装tinymce的目的是使...

    tinymce Web 在线编辑器

    总的来说,TinyMCE是一个功能强大的Web在线编辑器,对于前端开发者来说,无论是用于项目开发还是学习JavaScript和Web应用开发,都是一个宝贵的资源。通过深入研究"tinymce_3_2_4_1"源码,开发者可以提升自己的技能,...

    tinyMCE 富文本编辑器 line-height 行间距调整.zip

    tinyMCE 富文本编辑器 line-height 行高插件。 tinyMCE富文本编辑器line-height行高插件,下载后放在tinyMCE插件的plugins文件夹中,之后初始化中引入plugins,即可在toolbar中展示 tinyMCE line-height 行高插件

Global site tag (gtag.js) - Google Analytics