tinyMCE的API tinymce编辑器实例部分(中文)

这篇具有很好参考价值的文章主要介绍了tinyMCE的API tinymce编辑器实例部分(中文)。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

前言

tinyMCE中的API分为六大类,分别是tinymce、tinymce.dom、tinymce.editor.ui、tinymce.geom、tinymce.html、tinymce.util,顾名思义,分类依据是其作用以及其从属。
tinymce是国外的富文本编辑器,所以文档是英文的,有国内伙伴已经翻译为中文,但API部分未做翻译,挂的是原英文部分的链接,当然,开发的小伙伴们,这一点点英文不成问题,写这篇的目的主要是为了记录自己的使用过程,顺便分享。
所有API太多,我将每部分写成一篇文档,所有文章可从以下链接跳转
tinymce
tinymce.dom
tinymce.editor.ui
tinymce.geom
tinymce.html
tinymce.util

插曲

tinymce的使用过程在我另一篇文章中有介绍,链接如下
本篇只记录所有API中的method,相关属性可以查看原文档,链接
tinymce API英文文档
目前有一些内容是照搬翻译原文档的内容,有一下我自己使用过的我会在其中加详细的注解,持续更新ing…

tinymce API

这部分api主要用来操作编辑器实例

tinymce部分

add

将编辑器实例添加到编辑器集合中。这也会将其设置为活动编辑器。

addI18n

添加一个语言包,这会被加载的语言文件(如en.js)调用。

create

创建类、子类或静态单例。

TinyMCE 5.10中已弃用,TinyMCE 6.0中已标记为删除。

createEditor

创建编辑器实例并将其添加到EditorManager集合中。

createNS

在特定对象上创建命名空间。

TinyMCE 5.10中已弃用,TinyMCE 6.0中已标记为删除。

each

对集合中的所有项(如对象或数组)执行迭代。此方法将为集合中的每个项执行回调函数,如果回调返回false,则迭代将终止。回调的格式如下:cb(value,key_or_index)。

execCommand

在当前活动的编辑器上执行特定命令。

explode

拆分字符串,但删除每个值前后的空白。

// Split a string into an array with a,b,c
var arr = tinymce.explode('a, b,   c');

get

返回给定id的编辑器实例。

// Adds an onclick event to an editor by id
tinymce.get('mytextbox').on('click', function(e) {
   ed.windowManager.alert('Hello world!');
});

// Adds an onclick event to an editor by index
tinymce.get(0).on('click', function(e) {
   ed.windowManager.alert('Hello world!');
});

// Adds an onclick event to an editor by id (longer version)
tinymce.EditorManager.get('mytextbox').on('click', function(e) {
   ed.windowManager.alert('Hello world!');
});

grep

返回给定id的编辑器实例。通过为每个项调用指定的函数,从输入数组中筛选出项。如果函数返回false,则该项将被排除;如果函数返回true,则该项目将被包括在内。

// Filter out some items, this will return an array with 4 and 5
var items = tinymce.grep([1,2,3,4,5], function(v) {return v > 3;});

hasOwnProperty

JavaScript不保护hasOwnProperty方法,因此可以覆盖它。这是一个独立于对象的版本。检查输入对象“obj”是否具有属性“prop”。

inArray

inArray(item:any, arr:Array):Number

返回项的索引,如果数组中不存在项,则返回-1。

init

初始化一组编辑器。此方法将基于各种设置创建编辑器。

// Initializes a editor using the longer method
tinymce.EditorManager.init({
   some_settings : 'some value'
});

// Initializes a editor instance using the shorter version and with a promise
tinymce.init({
   some_settings : 'some value'
}).then(function(editors) {
   ...
});

is

is(obj:Object, type:string):Boolean

检查对象是否为特定类型,例如数组。

sArray

如果对象是否为数组,则返回true/false。

makeMap

makeMap(items:Array, delim:String, map:Object):Object

从具有名称的数组中生成名称/对象映射。

map

map(array:Array, callback:function):Array

通过每次迭代函数调用的返回值创建一个新数组。这使您能够将一个数组列表转换为另一个。

overrideDefaults

overrideDefaults(defaultSettings:Object)

覆盖编辑器实例的默认设置。

remove

删除一个或多个编辑器表单页。

// Remove all editors bound to divs
tinymce.remove('div');

// Remove all editors bound to textareas
tinymce.remove('textarea');

// Remove all editors
tinymce.remove();

// Remove specific instance by id
tinymce.remove('#id');

resolve

解析字符串并返回特定结构中的对象。

// Resolve a path into an object reference
var obj = tinymce.resolve('a.b.c.d');

setActive

设置活动编辑器实例并激发停用/激活事件。

toArray

将指定的对象转换为实际的JavaScript数组。

translate

translate(text:String):String

使用语言包项翻译指定的字符串。

triggerSave

对集合中的所有编辑器实例调用save方法。当要提交表格时,这可能很有用。

// Saves all contents
tinyMCE.triggerSave();

trim

删除字符串开头和结尾的空白。

walk

walk(o:Object, f:function, n:String, s:String)

为对象树中的每个项执行指定的函数。

AddOnManager部分

待更新文章来源地址https://www.toymoban.com/news/detail-731483.html

Annotator部分

待更新

Editor部分

待更新

EditorMode部分

待更新

Env部分

待更新

Event部分

待更新

Formatter部分

待更新

NotificationManager部分

待更新

Plugin部分

待更新

Shortcuts部分

待更新

Theme部分

待更新

UndoManager部分

待更新

WindowManager部分

待更新

到了这里,关于tinyMCE的API tinymce编辑器实例部分(中文)的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • Tinymce富文本编辑器二次开发电子病历时解决的bug

    本文是在Tinymce富文本编辑器添加自定义toolbar,二级菜单,自定义表单,签名的基础之上进行一些bug记录,功能添加,以及模版的应用和打印 项目描述 建立电子病历模版—录入(电子病历模版和电子病历打印模版)—查看电子病历和打印病历模版 建立电子病历----添加一个电

    2024年04月10日
    浏览(24)
  • 解决在tinymce编辑器插入视频到正文后不能跳转播放的问题

    问题:在其他软件中上传了视频文件,而后将此视频文件插入到正文中,此视频文件 可以 点击进度条跳转进度;而在知了(出现bug的这个软件)中上传了视频文件,而后将此视频文件插入到正文中。此视频文件 无法 点击进度条跳转进度。 需求:希望可以在知了中上传视频

    2024年02月01日
    浏览(39)
  • 【vue】 Tinymce 富文本编辑器 不想让上传的图片转换成base64,而是链接

    前言:最近项目上需要使用富文本编辑器,觉得tinymce很不错就用了,具体怎么在项目中使用参考 【vue】 vue2 中使用 Tinymce 富文本编辑器 【vue】 Tinymce 数据 回显问题 | 第一次正常回显后面,显示空白bug不能编辑 这两天又遇到了新的问题,图片上传后是看地址栏发现是base64的

    2024年02月14日
    浏览(25)
  • vue2使用 tinymce富文本编辑器-图片上传、粘贴图片上传致服务器

    1.安装tinymce富文本编辑器插件 npm i tinymce npm i @tinymce/tinymce-vue 2.创建Editor.js文件 封装组件 以便使用 3.汉化包 (我放在public/tynymce/langs文件夹里) 4.vue组件中使用 本次记录重点在于 上传图片方法 需要区分工具栏中图片上传方法 以及 粘贴进去的图片也需要走上传方法。两个方

    2024年02月09日
    浏览(24)
  • Vue2 实现内容拖拽或添加 HTML 到 Tinymce 富文本编辑器的高级功能详解

    在 Web 开发中,Tinymce 被广泛应用作为富文本编辑器。除了基础的文本编辑功能,Tinymce 还提供了一系列高级功能,使得文本编辑更加灵活和便捷。本文将介绍如何在 Tinymce 中实现一些高级功能,并深入了解每个工具的使用。 Tinymce 是一款基于 JavaScript 的富文本编辑器,支持丰

    2024年02月03日
    浏览(40)
  • Unity编辑器基础 EditorGUILayout (大部分用法)

    如图 关于效果图最后它的代码我隐藏掉了如何想看看可以自行打开

    2024年02月11日
    浏览(30)
  • VBA编辑器中文乱码的解决方法

    在VBA(Visual Basic for Applications)编辑器中,有时候会遇到中文乱码的问题。这可能是由于编码设置不正确或者字体不支持中文字符所导致的。在本文中,我将向您介绍一些解决VBA编辑器中文乱码问题的方法。 更改VBA编辑器的字体: 有时候,VBA编辑器默认的字体不支持中文字符

    2024年02月04日
    浏览(32)
  • sublime Test代码编辑器切换中文方法

    1、在打开的软件界面按 Ctrl+shift+P 调出来对话框,然后输入 installpackage control 2、选择 Package Control:install Package 然后等待安装十几秒就可以了 3、再次按住 Ctrl+shift+P 调出对话框,搜索 Package Control:install Package 然后等待二十几秒 4、在弹出的对话框中输入 Chinese ,选择 Chines

    2024年02月08日
    浏览(21)
  • eclipse编辑器汉化;eclipse安装中文插件

    eclipse IDE默认是英文环境,使用起来略微不便,汉化还是很有必要的;下面记录一下安装中文插件的过程: 点击http://www.eclipse.org/babel/downloads.php,打开后找到 Babel Language Pack,将网址复制下来,如下图所示: 我复制的地址为:https://download.eclipse.org/technology/babel/update-site/R0.19.2

    2024年02月11日
    浏览(25)
  • 【常见错误】Xilinx Vivado自带编辑器文字部分出现乱码解决办法

    在进行FPGA开发时,常用的代码编辑器比如Sublime,但是最近发现再Sublime中编辑的代码文字部分,在用Vivado自带的编辑器打开时,会出现文字错乱的情况,如下图: 而在Sublime中实际的情况却是下图这样,这样就会导致代码的易读性降低。 这是由于Sublime端编码方式导致的,将

    2024年02月09日
    浏览(33)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包