如何在 TinyMCE 4 中创建一个增加字体大小的按钮

2024-04-13

有没有人设法在 TinyMCE 4 中创建一个按钮,该按钮会将所选文本的字体大小增加,例如 1px?

我遇到的问题是获取选定的文本,无论它是否已经在跨度中。 我愿意修改TinyMCE源代码。

感谢您的任何想法。


你不需要修改源代码,你可以创建一个插件。

以下是如何为 TinyMCE 创建插件的文档:http://www.tinymce.com/wiki.php/Tutorials:Creating_a_plugin http://www.tinymce.com/wiki.php/Tutorials:Creating_a_plugin

在此基础上您可以创建自己的按钮(请参阅工作示例 http://fiddle.tinymce.com/Z9eaab/5) 这是代码的一部分:

var currentFontSize = new Number($(tinyMCE.activeEditor.selection.getNode()).css('font-size').replace('px','')); //remove the px part
currentFontSize =  currentFontSize + 1; //increase font by one
            
tinymce.activeEditor.formatter.register('mycustomformat', {
  inline : 'span',
  styles : {'font-size' : currentFontSize + 'px'} //this is the font size incremented by one
});

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

如何在 TinyMCE 4 中创建一个增加字体大小的按钮 的相关文章

  • React HTML 编辑器 (TinyMce)

    我正在寻找适用于 React 的 HTML 编辑器 但由于我没有找到任何可以正常工作的内容 我只需要格式化文本 h1 h2 h3 p 粗体和图像 in base64 最后我决定使用Tiny Mce 效果很好 但仅限于第一次打开页面时 如果我
  • 自定义tinymce 4.0.5 styleselect工具栏菜单

    我正在尝试自定义默认值styleselect工具栏菜单 这样我就可以向其中添加自定义菜单元素 这个想法是将字体大小设置为styleselect子菜单 我初始化了一个TinyMCE 4 0 5通过以下方式 tinymce init langu
  • 如何在windowmanager中添加tinymce列表框值

    我打开一个窗口管理器并添加一个文本字段和列表框 editor windowManager open title Insert caption body type textbox name text label text multiline
  • TinyMCE 4.2 - 获取新的(核心)图像工具来将(API)编辑后的图像保存为文件?

    如果这是重复的 我很抱歉 我还没有发现任何与此相关的问题 新的 TinyMCE 4 2 图像工具将图像保存为 base64 数据 而不是目录中的图像文件 在新发布的TinyMCE 4 2中有一个新的内联图像编辑器 参考 图像工具 效果很好
  • TinyMCE 4 插入链接表单字段已禁用

    我正在使用TinyMCE Railsgem 使用 TinyMCE 4 我正在加载link插件 所有这一切都是在颜色框弹出窗口之后 中启动的 TinyMCE 编辑器工作正常 但链接按钮会弹出一个对话框来添加 编辑链接 但除了target可供编
  • Tinymce 与 Angular 2/4 的双向绑定

    这是我的tinymce component ts import Component OnDestroy AfterViewInit EventEmitter Input Output from angular core Component
  • 在 AJAX 中重新初始化 TinyMCE 4

    我在启用 ajax 的情况下使用 TinyMCE基金会揭晓 http foundation zurb com docs components reveal html盒子 现在 TinyMCE 在第一次加载时就会启动 但如果我关闭盒子并再次打
  • TinyMCE 堆栈类

    我使用 TinyMCE 4 作为我的默认编辑器 在配置中我指定了样式格式 除了一件事之外 它完全有效 它堆叠类 我的风格格式 style formats title Heading 2 block h2 classes heading 02
  • TinyMCE file_picker_callback 从默认浏览器文件选择中选择图像

    我在项目中使用 TinyMCE 并希望用户使用其默认插入图像窗口选择图像并将其上传到服务器 我想点击以下按钮 打开浏览器默认文件选择窗口并将所选图像添加到编辑器中 到目前为止我的代码如下 JS tinymce init selector h
  • TinyMCE 4 - 将自定义样式/类/属性添加到任何 HTML 标签

    是否有任何插件 可能性允许通过 TinyMCE 4 WYSIWYG 将自定义属性添加到 HTML 标签 例如 我通过编辑器添加了此代码 而不是通过源代码 div a href uploads myfile pdf My file img s
  • 如何在 TinyMCE v4 中实现tinymce.Shortcuts

    我想向我的 TinyMCE 编辑器添加键盘快捷键 这是我的初始化代码 tinymce init selector textarea menubar false mode exact plugins advlist autolink list
  • 如何向 TinyMCE 添加占位符文本?

    对于标准文本区域 我使用placeholder 我如何扩展tinymce 使其也以这种方式工作 与 CKEditor 类似 http alfonsoml blogspot com es 2012 04 placeholder text in
  • django-tinymce 现代主题

    我在让现代主题与 django tinymce 一起使用时遇到问题 简单主题和高级主题都正确渲染 但是当我切换到现代主题时 没有任何渲染 并且在控制台中收到 static tiny mce themes modern editor temp
  • TinyMCE初始化后修改工具栏的正确方法

    我正在使用 JavaScript 扩展云托管的 LMS 因此 我们可以在页面中添加javascript 但不能针对不同的组件修改供应商的javascript LMS 经常使用tinyMCE 目标是在每个tinyMCE编辑器的工具栏上添加一个
  • Tinymce 4.x 扩展插件

    我正在寻找一些有关如何扩展现有的tinymce 4 x 插件的示例 例如 链接 插件 链接插件打开一个对话框窗口 我想做的是在对话框打开时添加一个事件并修改正文 插入一些带有单击事件的额外 HTML 做得好似乎是有问题的 我想避免一些 顶部
  • TinyMCE 不工作 - 即使有他们的例子?

    ISSUE 我正在尝试使用 TinyMCE 4 0 12 但无法让它工作 它只会让我的文本区域完全消失 到目前为止我所做的 我什至从他们的页面准确复制了他们的示例代码 但它甚至不起作用 我已将所有文件提取到 js tinymce 我是否缺少
  • tinymce v4 jquery:如何捕获 onkeyup?

    我试图在填写某些表单字段时启用提交按钮 我找到了一段可以工作的javascript代码 但是我对由tinymce转换的textarea fiel有问题 如何捕获它 My html
  • 如何使 TinyMCE 的模式对话框响应式?

    我正在使用 Bootstrap 3 在响应式 CMS 上使用 TinyMCE4 我注意到 TinyMCE4 中的对话框 模式没有响应 这有点令人失望 我开始编写一些简单的 CSS 类来覆盖固定宽度 但似乎有大量的 CSS 类使得这项任务看起
  • 如何在 TinyMCE 4 中创建一个增加字体大小的按钮

    有没有人设法在 TinyMCE 4 中创建一个按钮 该按钮会将所选文本的字体大小增加 例如 1px 我遇到的问题是获取选定的文本 无论它是否已经在跨度中 我愿意修改TinyMCE源代码 感谢您的任何想法 你不需要修改源代码 你可以创建一个插
  • TinyMCE 脏标志未设置或在编辑器离开后自动重置?

    配置 TinyMce 编辑器和一些功能后 如果用户进行了更改但没有保存 我现在想警告用户 为此 我正在检查 Blur 的脏标志 但它总是被设定的false 控制器 js this scope tinymceOptions selector

随机推荐

  • 如何在 webkit 浏览器中访问粘贴的文件? (如谷歌浏览器)

    如果能够在 Stack Exchange 上粘贴图像而不是干扰文件对话框 那将非常方便 类似的功能在这里实现了 是 但是仅适用于 Webkit 浏览器 https meta stackexchange com a 233874 209994
  • 快速获取剪贴板更改通知

    swift 中有剪贴板更改事件吗 当 iOS 应用程序中剪贴板发生更改时 我如何收到通知 谢谢 这里有一个可以复制的迅捷5 0 version NotificationCenter default addObserver self sele
  • 使用反应登录表单在 Spring Boot 中对用户进行身份验证

    我已将 spring security 添加到我的项目中 并且正在尝试进行用户身份验证 我正在使用 CrudRepository 来查找用户并验证详细信息是否正确 我已经能够使用开箱即用的弹簧登录页面让它工作 我的问题是我想通过我的反应登录
  • 如何实现带有可折叠搜索栏的 SliverAppBar

    这就是我想做的 https i stack imgur com f9SYe jpg 这是 iOS 上非常常见的 Widget 这是我的代码 return Scaffold backgroundColor Colors white body
  • 将 CMake 与具有钻石依赖项的库一起使用

    假设我有四个独立的项目 三是图书馆 Common Foo and Bar 其中之一是可执行文件 App Both Foo and Bar依赖于公共库 并且App依赖于取决于Foo and Bar 此外 其中一些项目有一些脚本需要运行来生成一
  • Linux - 嵌套中断[关闭]

    Closed 这个问题不符合堆栈溢出指南 help closed questions 目前不接受答案 Linux 是否使用嵌套中断 我的意思是 例如 当从任何设备提供中断服务时 可以允许在此例程中进一步中断吗 或者它涉及上半部和下半部 ED
  • '\b' 不会在 PyCharm 控制台中打印退格键

    我正在尝试更新 PyCharm 控制台中的最后一行 说吧 我打印a然后我想把它改成c 但是 我遇到了以下问题 当我跑步时 print a bc 它打印 a c 而所需的输出 这也是我在 Windows 控制台中看到的 是 c 有没有办法将光
  • 使用 istream::seekg 太贵了吗?

    在c 中 使用istream seekg操作的成本有多高 编辑 我可以通过查找文件和读取字节来逃脱多少惩罚 频率与偏移量的关系如何 我正在解析一个大文件 4GB 我想知道是否有必要尝试合并我的一些搜索调用 我认为文件位置差异的大小起着一定的
  • Oracle 中的子字符串索引

    我刚刚发现我们现在的数据库设计效率有点低SELECT我们执行最多的查询 IBAN 是根据国家特定格式的位置坐标 因为我们主要是表演JOINs and WHERE在某些表中 IBAN 列的精确子字符串上 我的问题是关于为列的子字符串分配索引
  • 如何关闭 Netty 库调试输出?

    我正在使用 Netty 通过 Ning async HTTPlibrary http www ning com code 2010 03 introducing nings asynchronous http client library
  • 使用自定义架构重定向到外部 URL

    我有 Asp net MVC4 项目 如果调用指定的操作 我想重定向到外部 url URL 应该有自定义架构 例如没有http but myschema 我知道要重定向到 google com 我可以使用return Redirect ht
  • CMake 目标取决于已安装的目标

    我已经搜索过这个 但也许我使用了错误的措辞 我希望在安装另一个目标后构建一个 CMake 目标 举一个具体的例子 我希望我的测试包含库版本并与其链接 其目录结构类似于实际安装 目录结构 project lib first library h
  • 在 Python 3.6+ 中按值对字典进行排序

    我一直在寻找一种用Python中的值对字典进行排序的方法 经过几次尝试 结果如下 a
  • 与 Derby 有其他连接(只读)

    我想要做什么 我的应用程序与 Derby DB 具有完整连接 并且我想并行地浏览数据库 只读 使用不同的工具 我不确定 Derby 在内部实际上是如何工作的 但我知道我只能有 1 个到 Derby DB 的活动连接 但是 由于数据库仅由硬盘
  • 仅包含 1 个数字的示例[重复]

    这个问题在这里已经有答案了 我正在尝试创建一些模拟数据 为了创建聚类数据 我已指定处方者是否在一个或多个本地卫生区域 LHA 工作 现在 我正在尝试根据患者的 LHA 为患者指定一名处方医生 其代码位于以下代码块中 for i in seq
  • 从 XML 创建实体

    我有以下 XML 结构
  • Django 中的脏字段

    在我的应用程序中 我需要在保存模型时保存更改的值 旧的和新的 有示例或工作代码吗 我需要这个来预先审核内容 例如 如果用户更改了模型中的某些内容 那么管理员可以在单独的表中查看所有更改 然后决定是否应用它们 我发现阿明的想法非常有用 这是我
  • Underscore.js - 在嵌套 Json 中进行过滤

    我想获取所有值 其中category id 1 所以我应该得到 2 个结果 我的 JSON 看起来像这样 var test id 1 name name1 value value1 category id 1 name category1
  • 不同用户类型的 Firebase Auth

    我正在开发一个有两个应用程序的项目 一个用于 请求者 用户 一个用于 响应者 用户 并且我目前正在使用 Firebase 进行身份验证 用户使用电子邮件 密码组合登录 这是问题的根源 问题在于用户冲突 因为身份验证模块连接到 Firebas
  • 如何在 TinyMCE 4 中创建一个增加字体大小的按钮

    有没有人设法在 TinyMCE 4 中创建一个按钮 该按钮会将所选文本的字体大小增加 例如 1px 我遇到的问题是获取选定的文本 无论它是否已经在跨度中 我愿意修改TinyMCE源代码 感谢您的任何想法 你不需要修改源代码 你可以创建一个插