TinyMCE 4 - 将自定义样式/类/属性添加到任何 HTML 标签

2023-12-27

是否有任何插件/可能性允许通过 TinyMCE 4 WYSIWYG 将自定义属性添加到 HTML 标签?

例如,我通过编辑器添加了此代码(而不是通过源代码):

<div dir="ltr">
    <a href="/uploads/myfile.pdf">My file<img src="/uploads/icons/pdf-icon.jpg" alt="My file" width="40" height="40" /></a>
</div>

我所需要的只是添加,例如,class="mypdffile" or data-xxx="someval"属性为<div>在上面的代码中查看的标签。

如何在不更改配置对象的情况下执行此操作tinymce.init?


通过 init,您可以向编辑器添加样式菜单,您可以在其中创建适用于 div 的样式并调用它class="mypdffile"

tinymce.init({
    style_formats: [
        {title: 'My PDF file', selector: 'div', classes: 'mypdffile'}
    ]
});
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

TinyMCE 4 - 将自定义样式/类/属性添加到任何 HTML 标签 的相关文章

  • 如何在jqplot中显示饼图之外的标签?

    Jqplot 有如下图表 jqplot 图表 http www jqplot com tests pie donut charts php 我的问题是如何在 a 之外显示标签jqplot chart像下面这样high chart 高图表可以
  • 输入类型=图像 - onclick(),将触发其事件,但在 jquery 中的函数上表现不佳

    我认为这可能是两篇文章 2个问题 所以如果你对此发表评论 我会将它们分开 主要问题实际上是 我怎样才能为按钮设置图像背景 简单且正确 我想现在我可以确定这些事实了 因为我在将图像设置为按钮背景时遇到了 小 问题 我想 好吧 如果很难设置的话
  • 动态表单标签宽度的 CSS

    我目前正在重构我们的表单控制器之一 以便我们可以将其用于面向公众的网站 目前它正在为表单生成表格布局 但我正在尝试使用 CSS 表单来完成它 我正在尝试重现看起来像这样的东西http www stylephreak com uploads
  • 使用deployJava.runApplet来定位特定元素

    经过多年成功维护一个使用旧有的小程序 嵌入Java小程序的方法 我们无法捂住耳朵唱 啦啦啦 不再了 是时候使用 deployJava runApplet 当我使用点击处理程序触发此方法时 此处通过 jQuery 在按钮上使用事件侦听器 但这
  • 使用 CSS 自定义字体?

    我见过一些在其网站上使用自定义字体的新网站 除了常规的 Arial Tahoma 等 他们支持大量的浏览器 如何做到这一点 同时 如果可能的话 还会阻止人们免费下载该字体 一般来说 您可以使用自定义字体 font face在你的 CSS 中
  • 如何通过单击图像预览上的“x”从文件输入中删除图像?

    我目前有一个文件输入 一旦用户上传图像 就会显示图像预览 在图像预览上 有一个 x 可以从列表中删除图像预览 单击此 x 后 有什么方法可以从输入中的文件集中删除图像吗
  • 调整文本区域大小

    我需要使用文本区域来显示一些文本 问题是 如果我放置 4 5 行文本 就会出现滚动条 如何使用 CSS HTML 使文本区域与其内容一样大 没有滚动条 文本区域不需要动态更改其大小 我仅使用它来显示文本 我也可以使用禁用的文本区域 我希望文
  • 如何使用 a-href 标签链接回文件夹? [复制]

    这个问题在这里已经有答案了 好吧 我在文件夹中有一个页面 该页面称为 jobs html 该文件夹简称为 jobs 它是我的 网站 文件夹的子文件夹 在 main 文件夹的主目录中是我的 home html 文件 当我尝试做的时候 a hr
  • HTML5 历史 API

    我如何使用 HTML5 历史 api 我确实经历过https developer mozilla org en DOM Manipulated the browser history https developer mozilla org
  • Modernizr - 加载 polyfills / 使用自定义检测的正确方法

    我想在网页上使用一些新的 HTML5 表单属性和输入类型 有些浏览器已经支持它们 有些浏览器不支持 也永远不会支持 这就是我想使用 Modernizr 的原因 这就是我的麻烦开始的原因 据我了解 Modernizr 本身并不是一个 poly
  • 为什么需要重置浏览器?

    好吧 我知道这可能不是最好的标题why我们需要重置浏览器 因为浏览器有不同的默认设置 我的问题太长 无法放入标题中 如果每个人 90 的时间都需要使用重置样式表 为什么浏览器需要设置默认样式 无论如何我们都会删除它们 对吗 因为某些规则默认
  • 如何将此 HTML 表格布局解决方案转换为浮动 div 解决方案?

    我经常需要列出各种尺寸的项目images在左边和text在右边 像这样 替代文本 http www deviantsart com upload 7s01l5 png http www deviantsart com upload 7s01
  • 防止用户在下拉菜单中选择默认值

    我试图阻止用户选择默认的下拉菜单选项 有没有办法在下拉菜单选项中添加文本而不是值 我的代码
  • HTML2canvas 和 Canvas2image,下载的屏幕截图不显示我的 HTML 图像

    我一直在开发一个 HTML 页面 我想将其转换为图像 我一直在使用 html2canvas 和 canvas2image 脚本并采用此代码http jsfiddle net 8ypxW 3 http jsfiddle net 8ypxW 3
  • iOS7 中“-webkit-overflow-scrolling: touch” 最初的屏幕外元素被破坏

    既然转基因种子已经发布了 我们现在可以谈谈了 看起来 iOS7 中的 webkit overflow scrolling touch 已损坏 最初不在屏幕上的元素的触摸事件不会触发 或者在某些情况下只是不可靠 这是一个例子
  • JSTL 在循环中每 5 个字段集创建一个新行

    您好 我目前正在迭代并在表中显示字段集列表 为了让布局变得更得体一些 我想在每次循环到达第五个字段集时创建一个新行 谢谢 JSP div class det table class det tr td td tr table div
  • 为范围旋钮 ionic-range 添加边框颜色

    我正在使用离子范围添加范围滑块 并想向范围旋钮添加边框 由于它的 ionic4 和范围旋钮是 Shadow dom 的一部分 我无法使用范围旋钮的 border 属性直接更改边框 我已附上我想要实现的图像 范围旋钮周围有白色边框 现有属性只
  • 单击引导分页链接时调用 jquery 函数

    我想在单击引导分页链接时调用 jquery 函数 假设我想从第1页遍历到第2页 应该调用一个jquery函数 我正在使用以下代码 但它不起作用 ul pagination on click li function alert page ch
  • 显示覆盖以覆盖整个页面

    我有一个正在加载的网络应用程序iframe 我需要显示一个覆盖 div 来覆盖整个页面 问题是叠加层当前仅显示在iframe区域而不覆盖整个页面 我们的应用程序 子应用程序 是加载的一组应用程序的一部分iframe 你可以做这样的事情 di
  • 防止文本区域出现新行

    我正在开发聊天功能 使用 Vue 并使用文本区域作为输入 以便溢出换行 并且对于编写较长消息的用户来说更具可读性 不幸的是 当用户按下 Enter 键并提交时 光标会在提交之前移动到新行 从而使用户体验感觉不佳 关于如何使用普通 Javas

随机推荐

  • 如何使用 Java Apache POI 对 Excel 数据透视表中的日期列(截至日期、月份和年份)进行分组?

    我正在使用 Java apache POI 开发一个应用程序 该应用程序与 Excel 集成 使用 XSSFWorkbook 为 xslx 文件扩展名中的某些数据创建数据透视表 我的日期列包含像这样的日期值 1 8 2016 我想使用 ja
  • 当主题不包含 head.html 时在 Jekyll 中设置 Google Analytics

    我用 Jekyll 构建了这个静态页面 并用 GitHub Pages 托管 repo https github com DedekindsArmy DedekindsArmy github io 我想用 Google Analytics
  • 使用 Spring MVC 在 REST HTTP GET 请求中传递 JSON 对象

    根据这个休息模式 http martinfowler com articles richardsonMaturityModel html level2我认为关于 REST 的共识是 每一个 REST恢复应作为 HTTP GET 请求执行 现
  • UIImagePNG表示和蒙版图像

    I 创建了一个蒙版图像用一个function http iphonedevelopertips com cocoa how to mask an image html建立一个 iPhone 博客 UIImage imgToSave self
  • element.classList.toggle 中的第二个参数有什么意义?

    From MDN https developer mozilla org en US docs Web API Element classList 切换方法有一个可选的第二个参数 它将根据第二个参数的真实性强制添加或删除类名 例如 要删除一
  • 如何使用 npm httpsnippet 将代码转换为 javascript fetch?

    我正在使用 npm httpsnippet 生成客户端代码 工作正常 但后来我看到在将代码转换为 javascript 时 它正在转换为 XHR 但我需要将其转换为 javascript fetch fetch 在 HTTPSnippet
  • 从数据框中删除特定行

    我有一个数据框 例如 sub day 1 1 1 2 1 3 1 4 2 1 2 2 2 3 2 4 3 1 3 2 3 3 3 4 我想删除可以通过 sub 和 day 组合识别的特定行 例如 假设我想删除 sub 1 和 day 2 以
  • IE11有支持BigInt的吗?

    我试图在 stackoverflow 和 google 中寻找答案 以了解在 IE 11 中支持 BigInt 的任何方式 有没有人成功为 IE 和旧版本的 Safari 添加 BigInt 支持 目前我正在开发一个使用 BigInt 的插
  • Facebook C# SDK - .NET 3.5 和动态对象

    我已经下载了 facebook 的 Graph C SDK 这些示例非常有用且易于理解 但是当我尝试使用动态对象类型作为 FacebookApp Get me 调用的返回对象时 我遇到了困难 我以前从未使用过动力学 所以我做了一些研究 它们
  • 包含 TypeScript 编译器的 src 之外的文件夹

    我需要添加一个生成的文件夹 它既不是全局环境的一部分 也不在src 为源文件提供模块作为有效的命名空间 如下所示 root src component test model ts import IBuilding from api inte
  • C++11:具有对数求值深度的编译时数组

    实现 C 11 数组的一种方法是使用模板 部分特化和constexpr 如下 include
  • 使用泛型重载方法[重复]

    这个问题在这里已经有答案了 当我尝试创建两个静态重载方法时 出现编译错误 谁能解释一下吗 public class A public static void a Set
  • Angular 5 仅对模糊进行验证?

    我想知道是否可以在模糊时以反应形式进行验证 此时你可以设置updateOn blur 但输入字段的值不会在输入时更新 就我而言 我需要在每次击键时更新值 因为我用它进行计算并向用户显示结果 验证应该只在模糊时进行 thx EDIT 我使用
  • 如何使用 JPA 搜索字段上的子字符串?

    我的应用程序使用 JPA 访问后端数据库 我有一个映射到表的 Java 类 该类有一个字符串字段 称为状态 由一系列 0 和 1 组成 我需要根据字段的第二个字符选择一些记录 以下是我在不使用 JPA 的情况下可以执行的操作 我正在使用 M
  • 未调用搜索控制器的更新搜索结果

    有谁知道为什么这里不叫它 谢谢 我认为我正确地设置了代表 class LocationSearchController UIViewController UISearchResultsUpdating UINavigationBarDele
  • ArrayAdapter 的 getViewTypeCount 和 getItemViewType 方法

    有人可以用简单的话解释我的用法吗getViewTypeCount and getItemViewType 的方法ArrayAdapter 这些处理您想要不同的情况types不同行的视图 例如 在联系人应用程序中 您可能希望偶数行在左侧显示图
  • 关闭呈现视图控制器

    我有以下情况 视图控制器 A gt 以模态方式呈现 gt 视图控制器 B 视图控制器 B gt 以模态方式呈现 gt 视图控制器 C 我想关闭视图控制器 C 并直接转到 A 而不是显示 B 因为当时显示 B 没有意义 我怎样才能做到这一点
  • 程序集在大数字之前打印字符

    这个程序可以很好地打印小数字 但不能打印大数字 我不知道为什么 例如print 1346269将打印为 c1346269 和print 40000将打印为 40000 就像它应该的那样 这是宏 macro print 1 mov rax 1
  • MAX 与 Top 1 - 哪个更好?

    我必须审查一些代码 并遇到了有人做过的事情 并且想不出为什么我的方法更好但可能不是的原因 那么 哪个更好 更安全 更高效 SELECT MAX a date FROM a table WHERE a primary key 5 GROUP
  • TinyMCE 4 - 将自定义样式/类/属性添加到任何 HTML 标签

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