magento - 将 CSS 类添加到 TinyMCE 中的锚元素

Question

我将 Magento 与 TinyMCE 一起使用，目前它不支持通过用户友好的界面将自定义 CSS 类分配给锚元素：

我试着添加这个：

extended_valid_elements : "a[name|href|target|title|onclick|class]"

到 setup.js，到设置 var，但它没有帮助。如何将自定义类添加到<a>tinymce 中的元素？

谢谢

Answer 1

ADVlink 仅支持锚点起点的类 - 这里可以从下拉列表中选择一个类，但不支持目标。

Answer 2

是的，至少在 TinyMCE v4 中是可能的。您正在寻找的选项称为visual_anchor_class。您所要做的就是将以下行添加到您的 TinyMCE 配置中：

visual_anchor_class: 'my-custom-class'

您创建的所有锚链接都将获得一个类“my-custom-class”。

（手册：https ://www.tinymce.com/docs/configure/content-appearance/#visual_anchor_class ）

Answer 3

I would do it using a custom rightclick menu and an own popup.

Answer 4

有点晚了，但你试过 advlink 插件吗？这为 css 类提供了一个下拉列表，您可以在设置中定义advlink_styles：

http://www.tinymce.com/wiki.php/Plugin3x:advlink

Answer 5

您可以使用 link_class_list https://www.tiny.cloud/docs/plugins/link/#link_class_list

例子：

tinymce.init({
  selector: "textarea",  // change this value according to your HTML
  plugins: "link",
  menubar: "insert",
  toolbar: "link",
  link_class_list: [
    {title: 'None', value: ''},
    {title: 'Dog', value: 'dog'},
    {title: 'Cat', value: 'cat'}
  ]
});