tinymce 获取当前选区获取选中文本

Web_Lys

于 2024-12-31 14:13:54 发布

阅读量282

点赞数 3

CC 4.0 BY-SA版权

分类专栏： tinymce 文章标签：前端 javascript

本文链接：https://blog.csdn.net/lys20000913/article/details/144849191

// 获取当前选区
export const HandleGetSelection = (id)=>{
   
   
    const obj = {
   
   
        rng:tinymce.activeEditor.selection.getRng(

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

Web_Lys

关注关注

3
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
打赏
打赏
打赏举报

举报

专栏目录

tinymce获取当前选区的所有文本节点

lys20000913的博客

12-31

302

tinymce获取当前选区的所有文本节点及选区父节点

【超详细】Tinymce富文本使用教程

热门推荐

06-10

2万+

官网文档：www.tiny.cloud/docs/ 社区版及开发版官方最新打包地址：www.tiny.cloud/get-tiny/self-hosted/ 汉化包：tinymce.ax-z.cn/static/tiny/langs/zh_CN.js例如：获取内容：tinyMCE.activeEditor.getContent() 设置内容：tinyMCE.activeEditor.setContent("需要设置的编辑器内容") 获取内容：tinyMCE.

参与评论您还未登录，请先登录后发表或查看评论

获取tinyMCE编辑器中的内容

学而不思则罔思而不学则殆

09-19

2万+

有时候需要验证tinyMCE编辑器中的内容是否符合规范（不为空）就需要获取里面的内容。 1、如果当前页面只有一个编辑器：获取内容：tinyMCE.activeEditor.getContent() 设置内容：tinyMCE.activeEditor.setContent(“需要设置的编辑器内容”)2、如果当前页面有多个编辑器（下面的“[0]”表示第一个编辑器，以此类推）：获取内容：t

tinymce 获取/设置内容

寂寥人生

07-02

1811

获取 tinyMCE.activeEditor.getContent() editor.getContent(); //取纯文本 editor.getContent({'format':'text'}) 设置 editor.setContent('text'); tinyMCE.activeEditor.setContent('222');

获取和设置tinyMCE 4编辑器的内容

qq_31971935的博客

03-24

2148

对于tinymce编辑器是无法通过js进行内容的读写的，必须使用编辑器自身的方法才行，下面是一些方法，希望能对用到的朋友有所帮助： 1、如果当前页面只有一个编辑器：获取内容：tinyMCE.activeEditor.getContent() 设置内容：tinyMCE.activeEditor.setContent(“需要设置的编辑器内容”) 2、如果当前页面有多个编辑器（下面的“[0...

tinymce格式刷_formatpainter-格式刷插件和用法

05-06

格式刷功能允许用户复制当前选区的格式，然后将其应用到其他文本上，这对于保持文档样式一致性非常有用。在TinyMCE中，当你点击工具栏上的“格式刷”图标，鼠标会变成一个刷子形状，此时你可以选择一段具有特定格式...

tinymce集成文字底纹

最新发布

08-14

在TinyMCE中，如何通过API动态改变选中文字的底纹？ 4. 如何为文字底纹功能设置快捷键？ 5. 文字底纹功能在TinyMCE中兼容性如何（不同版本和浏览器）？ 6. 如果我想同时添加多个文字样式（比如底纹加边框），该...

关于vue中使用tinymce 工具栏中的加粗斜体等选中之后绑定的值不显示标签

11-16

// 获取选区的纯文本 let formattedContent = '<p>' + selectedContent + '</p>'; // 添加标签 editor.setContent(formattedContent); // 设置富文本内容 }); }, }); }, }; ``` 这样，当内容被选中并绑定时...

tinyMCE获取鼠标选中的值

weixin_33979745的博客

01-04

1533

今天遇到一个需求就是要在WordPress的文章编辑页面增加选中文字时要将选中值传递到弹出窗口中解决方法：去网上找到了下面这段代码，可以获取到选中文本 { type: 'textbox', name: 'titlecontent', ...

关于tinymce富文本编辑器获取文本内容和设置文本内容

yuzenan的博客

05-16

8306

1、一个编辑器：获取内容：tinymce.activeEditor.getContent() 设置内容：tinymce.activeEditor.setContent(“需要设置的编辑器内容”) 2、多个编辑器（下面的“[0]”表示第一个编辑器，以此类推）：获取内容：tinymce.editors[0].getContent() 设置内容：tinymce.editors[0].set...

获取tinymce富文本框内容长度（纯字符、包含空格等）

Cheris_LT的博客

04-26

1692

话不多说，直接调用就知道了。

如何获取和设置TinyMce编辑器的内容

学海无涯

03-13

1万+

最近准备在自己的一个项目中使用开源的web编辑器TinyMce，遇到了程序获取设置TineMce编辑器内容的问题。用google搜索到了一些眉目，先总结如下。1.先讲怎么设置TinyMce编辑器的内容（1）如果在初始化编辑器之前，已经给编辑器所处的控件设置了内容，那么TinyMce在初始化的时候，会自动获取控件的内容。（2）在客户端可以用下面的函数来随时获取内容：

Vue3组件中如何获取已存在的TinyMCE实例并获取纯文本

前面的区域以后再来探索吧

07-18

1050

然后获取纯文本部分的代码也比较简单，由于已经将编辑器存储在editor对象中，所以使用editor.getContent({ format: 'text' })即可获取不带html标签的纯文本内容（否则，如果在父组件中直接访问editorContent，得到的结果将带有<p>等标签，不利于进行后端文本处理）。额外说一下，这里我还用到了defineExpose方法，这样可以将子组件中声明的属性暴露给父组件，从而在父组件中使用getPlainText函数。组件库在初始化编辑器时，会将编辑器实例添加到。

获取当前选中文本或设置输入框文本光标位置

YZX2014的博客

10-29

311

/*** 获取选中文本，控制输入框输入光标位置。假如参数为空，则返回当前被选中的文字内容；* 假如一个参数则将光标设置在该位置；假如两个参数则将两参数之间的文字选中* 应用举例：$("#textarea").selectionRange($("#textarea").val().length);* @param {Number} start 设置光标的起始位置* @param ...

Tinymce富文本使用教程

Code Writers

01-09

2973

upfilepluginminjsupfilepluginminjsupfile是我自定义插件名称，位置tinymcepluginsupfiletinymcepluginsupfilewwwtinyclouddocsapitinymcetinymceaddonmanagerwwwt。

layui使用tinymce富文本不可编辑、赋值、获取值

lizaiismy的博客

01-22

2500

富文本不可编辑添加红框内容即可。富文本赋值：tinyMCE.activeEditor.setContent(“需要添加的内容”);

tinymce富文本编辑器获取内容的字符串长度

weixin_45294459的博客

02-27

1534

init时要在plugins 和toolbar 中传入 ‘wordcount’，如下。toolbar中传入后，会按照顺序在操作栏顶方显示。想要在富文本下方展示字符数量，将 statusbar变量给为true即可。获取内容的字符串长度。

tinymce 获取当前选区 获取选中文本

tinymce 获取当前选区获取选中文本