etherpad 如何识别作者颜色？

Posted 2023-05-07

【中文标题】etherpad 如何识别作者颜色？

【英文标题】：How etherpad recognizes author color?

【发布时间】：2017-04-04 14:32:09

【问题描述】：

所以我用谷歌搜索了它，但我没有找到任何解决方案，所以我在这里发布我的问题。 因此，当您在 etherpad 中编写时，它会创建如下所示的标记：

<div id="magicdomid17" class="ace-line">
   <span class="author-a-w3z75zz84z95z83zpz77zz89zz66zz79zxz90zz66zcz76z">
         Author1.
   </span>
   <span class="author-a-1z74zz83zuz82z2z67zz815zsz89zz70zz65z8z69zz87z9">
         Author2.
   </span>
</div>

现在它会输出这个：

Author1.Author2.

Author1. 和 Author2. 文本具有不同的背景颜色，具体取决于作者在开始使用 etherpad 时选择的内容。

我的问题是 etherpad 如何处理数据以将背景颜色放在特定文本上。 我知道这与给跨度的类有关： author-a-w3z75zz84z95z83zpz77zz89zz66zz79zxz90zz66zcz76z第一作者

和

author-a-1z74zz83zuz82z2z67zz81zsz89zz750zz65z8z659zz87z9第二作者。

谁能根据这些类的名称解释如何为这些文本设置背景颜色？哪个文件对此负责？

提前致谢

【参考方案1】：

因此，与大多数 etherpad 问题一样，也没有人回答这个问题。如果有人在根据类名决定文本颜色时遇到同样的问题，我得到了解决方案。

您所需要的只是在您使用 etherpad 的前端 js 文件中定义一个对象变量。在这个 var 中，我们将作者类名作为键，并将其各自的颜色作为值。

var window.authClassColorObj = ;

现在进入 ace2_inner.js 文件并找到函数 setAuthorStyle() ，将这些行添加到该函数中 var authorSelector = getAuthorColorClassSelector(getAuthorClassName(author)); 行之后：

parent.parent.parent.window.authorClassColorObj[getAuthorClassName(author)] = info.bgcolor;

现在我正在通过三层访问我的前端对象 var，所以我使用的是 parent.parent.parent.，它可以根据您的文件结构而有所不同。

想法是在这里您可以使用适当的值填充您的对象。

然后你可以从前端访问你的对象，例如对于我来说，它会输出这个：

console.log(window.authClassColorObj);

输出：

object
    author-a-w3z75zz84z95z83zpz77zz89zz66zz79zxz90zz66zcz76z:"#f50966"
    author-a-1z74zz83zuz82z2z67zz815zsz89zz70zz65z8z69zz87z9:"#20a251"

此信息可进一步用于您想要在 pad html 代码中进行的任何更改。