tinymce - LessCSS 中的自定义属性名称

Question

我正在尝试在我的 TinyMCE 编辑器样式表中为 EPiServer CMS 项目实现自定义 CSS 属性。

根据 EPiServer SDK，为了将自定义样式添加到 TinyMCE 样式下拉列表中，我需要在我计划使用的样式类中使用 EditMenuName 属性。

类似这样的事情:

.h1 {
    font-size: 2.5em;
    EditMenuName: Heading 1;
}

将 EditMenuName 作为属性名称添加到我的 Less 文件中会生成编译错误。

这有可能吗？

Answer 1

Update: This issue will be resolved in the release of LESS 1.4.2

您的问题是大写字母

由于似乎没有达成共识将其关闭为 a duplicate of this question ，我会在这里给出类似的答案。

LESS(无论是有意设计，无意中缺少功能，还是只是一个错误，我不知道)目前(截至本文发布)不允许在属性中使用大写字母名字。即使对于标准属性也是如此，例如 Color: 将不起作用。所以你的...

EditMenuName: Heading 1; 

...需要是这两个的一些变体...

editmenuname: Heading 1; 
edit-menu-name: Heading 1;

...它们都不可能与您的 TinyMCE 交互。在另一个答案中引用我自己的话:

I have not for certain isolated where in the actual LESS code itself this might be fixed (if it can be fixed for the way LESS handles the property rules). I suspect the cause is in the parser.js file lines 1578-1584 (as of this writing), which are:

property: function () {
  var name;

  if (name = $(/^(\*?-?[_a-z0-9-]+)\s*:/)) {
    return name[1];
  }
}

This seems to be filtering out allowing for capital letters. I don't know what the consequences would be if that regular expression was changed to allow for them.

因此，将其界面设置为您想要的唯一机会是:

1. 修复 LESS 以允许大写字母(也许通过调整上面的代码)。
2. 看看 TinyMCE 是否可以将属性值更改为不使用 CamelCasing 作为属性名称。