如何在文本上使用 TinyMCE 函数而不实际选择该文本?

2023-11-24

我有各种<div>我的页面上有 s,单击后会转换为 TinyMCE 编辑器部分。因此,用户只需双击 div,然后使用 TinyMCE 编辑其中的文本即可。

我的问题是 - 是否可以在<div>没有实际选择里面的文本?我的意思是,我想实现以下用例:

  1. 用户点击<div>.
  2. <div>激活其自身的 TinyMCE 会话。
  3. 用户现在可以使用 TinyMCE 工具栏上的按钮编辑 div 中的所有文本,而无需使用光标实际手动选择文本。否则,通常的情况是用户必须选择某些文本,并且 TinyMCE 工具只会编辑所选的文本。

如何实施?实施起来有多容易?

Edit

澄清:我的意思不仅仅是TinyMCE编辑器应自动选择所有文本进行更改,而是我的意思是根本不选择,可以对其进行格式化吗?我的目标是让用户只能编辑格式化 of a <div>使用 TinyMCE,但不能更改文本本身。我实际上不希望用户能够选择任何文本,只需单击<div>,这应该自动允许包含的文本格式化的由 TinyMCE 编写,其文本实际上并未更改。但是,如果您明白我的意思,则文本区域不应该对用户“可选择”。如果需要,它可以选择自己(按照下面的 @Thariama 的解决方案),但不是由用户选择。这可能吗?有点像仅启用 TinyMCE 工具栏按钮但禁用文本编辑功能。据我所知,我不能使用readonlyTinyMCE 的配置还会禁用带有所有格式选项(如文本突出显示、粗体、斜体等)的工具栏。


在tinymce初始化后选择所有编辑器内容不是一个大问题。这可以使用setup配置参数轻松完成

tinyMCE.init({
   ...
   setup : function(ed) {
        ed.onInit.add(function(ed, evt) {

            ed.getBody().setAttribute('contenteditable', false);

            var range = ed.selection.dom.createRng();

            range.setStartBefore(ed.getBody().firstChild);
            range.setEndAfter(ed.getBody().lastChild);
            ed.selection.setRng(range);
        });
   }
});

Here是一个tinymce小提琴。

Update:

你正在寻找的是类似的东西$(ed.getBody()).attr('contenteditable','false');这样,用户将无法选择甚至编辑编辑器内容,但 tinymce 按钮仍然可用(产生所有后果)。 您可以创建具有所需功能的自己的工具栏元素。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

如何在文本上使用 TinyMCE 函数而不实际选择该文本? 的相关文章

随机推荐

  • 是否可以在ios 9中获取wifi信号强度

    我想检查 WIFI 信号强度 以便在 WIFI 信号弱时显示某种消息 我发现在 iOS 8 及更早版本中这是不可能的 iOS 9 中可以获取 wifi 信号强度吗 如果答案是肯定的那么如何 是的 在 iOS 9 中是可能的 查看一下NE热点
  • Oreo 版本问题不支持此图像的编辑

    Oreo 版本问题中的此图像不支持编辑 此图像不支持编辑 当从 Oreo 版本移动设备中的图库中选择图像时 会显示此 Toast 我已经问过这个问题了 但没有人回复我 请检查我的代码并尽快恢复 这是我的代码 Override public
  • 使用 pyinotify 监视文件创建,但等待它完全写入磁盘

    我正在使用 pyinotify 来监视文件夹中何时创建文件 当创建某些文件时 我想移动它们 问题是 一旦创建文件 显然 我的程序就会尝试移动它 甚至在它完全写入磁盘之前 有没有办法让 pyinotify 等到文件完全写入磁盘后再通知我它已创
  • CSS 在 Chrome 中不起作用

    我正在处理的网站的此页面未加载 CSS http www thesanfordcenter net sanford center 它只发生在 Chrome 中 但不是缓存问题 因为同样的问题也发生在另一台计算机上的 Chrome 中 并且我
  • 将隐式 ExecutionContext 传递给包含的对象/调用的方法

    我正在使用 Scala 2 10 futures 创建一个异步库 库的构造函数采用一系列实现特定特征的用户定义对象 然后库类上的方法将一些数据逐一发送到用户定义的对象中 我希望用户提供ExecutionContext用于设置主实例时的异步操
  • LINQ/Lambda 相当于 SQL

    我有一个 IEnumerable 其中包含带有 id 的对象列表 我想选择那些 ID 为 1 2 7 8 9 10 和 11 的对象 我不知道等效 SQL 语句的 LINQ Lambda 等效项 select where id in 1 2
  • 从 WebView 启动自定义 Android 应用程序

    我有一个 HTML 文件 如果我在 Android 本机浏览器中打开它 它就会启动一个应用程序 但是当我尝试在 WebView 中打开相同的应用程序时 它无法启动该应用程序 并且显示 网页不可用 我认为我的 WebView 无法处理为应用程
  • JSF、RichFaces、分页

    我知道这里有很多关于 JSF 分页的帖子 但没有一个让我满意 为了将相当大的数据分割成页面 我将使用 RichFaces 数据滚动器组件 它似乎适合于此 但看起来它是 人工 分页的 我不喜欢这里的是它加载所有数据 然后只显示其中的一部分 至
  • 动态解析逻辑运算 - AND、OR、循环条件

    我有一个传入记录过滤器 存储有逻辑子句 如下所示 Acct1 Y AND Acct2 N AND Acct3 N AND Acct4 N AND Acct5 N AND Acct6 N OR Acct7 N AND Acct1 Y AND
  • f() 和 (f()) 之间有什么区别吗?

    之间有任何区别 var myfunc function return function and var myfunc function return function 这只是风格问题还是第一种形式中的 周围还有更多内容 没有 或者至少在你的
  • 透明背景与 Three.js

    代码有效 但我在使用 Three js 设置画布透明背景时遇到问题 我用 Background renderer setClearColor 0xffffff 0 但随后背景变黑 如何将其更改为透明 代码 var camera scene
  • 如何使用 argparse 创建“对列表”类型的参数?

    我需要让 python 脚本的最终用户输入如下内容 script py sizes lt 2 2 gt lt 3 3 gt lt 6 6 gt 其中的每个元素 sizes选项是一对两个正整数 我怎样才能做到这一点argparse 定义自定义
  • 如何配置 Squirrel SQL 客户端以与 MS Access 一起使用

    我正在努力让 Squirrel SQL 连接到 MS Access 数据库 只是一个普通的数据库 没有密码 我创建一个别名并使用驱动程序 JBDC ODBC 桥 此驱动程序前面有一个勾 我不知道在网址中输入什么 我使用 数据库文件路径 gt
  • 使 GWT 应用程序可由搜索引擎抓取

    我想使用 使我的 GWT 应用程序可爬网的令牌 如下所述 http code google com web ajaxcrawling 在线有一个使用此功能的 GWT 示例应用程序 例如 http gwt google com samples
  • 连接 std::variant 和 std::variant 的类型

    有没有办法从两个现有变体类型声明第三个变体 其中包含两个变体类型的并集 include
  • UIDocument 和 NSFileWrapper 架构和性能

    我们最近将代码转换为使用 UIDocument 而不是直接操作文件系统上的文件 因此我们遇到了一些性能问题 我们想知道我们是否错误地使用了这个类 是否有其他人遇到这些问题 以及解决这些问题的常见方法是什么 Our app 我们有一个 鞋盒应
  • LINQ实际上编译成什么?

    背景 其背景是我最近在评论中与另一位显然知识渊博的用户就 LINQ 的编译方式进行了对话 我先 总结 一下 说LINQ被编译成for循环 虽然这是不正确的 但我对其他堆栈的理解 例如this one是 LINQ 查询被编译为内部有循环的 l
  • Backbone js,更新模型更改视图

    为什么我的视图没有更新
  • 为什么当类被密封时,带有 AutoMoqCustomization 的 Autofixture 不再抱怨缺少无参数构造函数?

    当我使用Moq直接模拟IBuilderFactory并实例化BuilderService我自己在单元测试中 我可以获得通过测试 验证Create 的方法IBuilderFactory被调用一次 但是 当我使用自动夹具 with AutoMo
  • 如何在文本上使用 TinyMCE 函数而不实际选择该文本?

    我有各种 div 我的页面上有 s 单击后会转换为 TinyMCE 编辑器部分 因此 用户只需双击 div 然后使用 TinyMCE 编辑其中的文本即可 我的问题是 是否可以在 div 没有实际选择里面的文本 我的意思是 我想实现以下用例