将CSS类添加到TinyMCE中的anchor元素

Question

我正在使用Magento和TinyMCE，目前它不支持通过用户友好的界面为锚元素分配自定义CSS类：

我尝试添加这个：

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

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

由于

Answer 1

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

Answer 2

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

visual_anchor_class: 'my-custom-class'

您创建的所有锚链接都会获得一个“我的自定义类”＃。

。

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

Answer 3

我会使用自定义右键菜单和自己的弹出窗口来完成。

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'}
  ]
});