Javascript wymeditor-格式化样式表中的标题

我正试图在wymeditor中使用与我网站上相同的样式。不幸的是，这个编辑器几乎没有文档记录，所以我真的不知道怎么做

这意味着您可以使用样式表，在样式表中以某种形式定义所有内容，并将在编辑器中对其进行解析和使用。我可以这样做，但只能使用类（右面板上的第二个框）。文档给出了一个示例，但仅针对类，而不是容器。有一个指向完整样式表的链接，但它是一个死链接，示例中使用的只定义类，没有定义容器

那么我如何在编辑器中创建一个红色h1？或者至少在预览中。

如果有人链接或给出样式表的完整示例，其中h1和p等容器也被格式化并在编辑器中使用，我将非常高兴。如果这是不可能的，还有什么其他的方法呢

---

编辑：

我可以使用postInit将CSS注入iframe：

postInit: function(wym) {
    var $head = $(wym._box).find('iframe').contents().find("head");
    $head.append($("<link/>", { 
        rel: "stylesheet",
        href: costumIframeCss,
        type: "text/css"
     }));
}

postInit:function（wym）{
var$head=$（wym._-box）.find（'iframe'）.contents（）.find（“head”）；
$head.append（$（“”，{
rel:“样式表”，
href:costumIframeCss，
键入：“文本/css”
}));
}

---

现在我只需要做一件与预览对话框类似的事情。也许可以使用postInitDialog（wym，wdw）。我还不知道是怎么回事。最大的问题是我需要将预览对话框与其他对话框区分开来。

正如您所看到的，这些只是示例。你不能把它用作在线编辑。你必须下载并尝试使用它

http://files.wymeditor.org/wymeditor-0.5/examples/

上面显示了示例列表。因为您已经尝试了第一个链接

要下载它，请访问此链接

http://www.wymeditor.org/download/

选择最新的稳定版本以减少缺陷

希望这有帮助

正如您所要求的，它在预览中工作得非常好，在提交任何内容时都没有得到反映

要在预览中实现这一点，请单击位于最后二个位置的HTML图标

---

编写自己的代码，单击预览将在新的弹出窗口中获得结果。

更新：

我看到当使用

postInitDialog

时，您可以通过

wdw

访问对话框窗口。那很酷。你做这件事的方式（看你的更新）和你做日志的方式一样

请看下图。当预览对话框打开时，我调试了它。
查看行号

41

按照对编辑器所做的操作，也可以对预览进行同样的操作 在行号

41

处，您可以获取

标题

，并以相同的方式附加样式

var $head = $(wdw.document.body);
$head.append($("<link/>", { 
    rel: "stylesheet",
    href: customPreviewCss, // CSS for Preview Dialog
    type: "text/css"
}));

var$head=$（wdw.document.body）；
$head.append（$（“”，{
rel:“样式表”，
href:customPreviewCss，//CSS用于预览对话框
键入：“文本/css”
}));

初始答案：

据我所知，您希望样式在编辑时生效。理想情况下，要在编辑时使

h1

为红色（或任何此类自定义），您只有以下选项：

• 使用适当的类，正如文档中所解释的-非常 编辑的目的就是这样。定制应该在 有什么
• 编辑已链接的默认样式表，或 当编辑器处于活动状态时加载（您可以使用inspect检查 元素）这将在下面解释

我看到，当您使用编辑器时，它会加载到

iframe

。

iframe

有自己的样式。现在，检查元素。在您的例子中，它是一个

h1

，但我使用的是示例中的

p

标记

查看它是否从另一个文件-

wymiframe.css

，行号

51

为

p

标记加载样式

因此，如果您想更改或添加自己的样式，请转到该文件。（如果您将鼠标悬停在own上，您将获得文件路径，或者右键单击并在“新建”选项卡中打开，然后从地址栏中进行检查）
在此处添加或编辑

h1

的样式。完成。
此外，您还可以转到

wymeditor/iframe/default

文件夹中相应的

html

文件。将自定义

链接添加到您自己的css文件中。在此文件中，执行所有所需的自定义：）

希望有帮助
 我想你不明白我的问题。我知道我需要下载它，我也知道如何安装它，我的问题是如何在编辑器中使用我自己的标题样式？和/或如何将自己的CSS注入弹出式预览？这是否意味着样式表参数仅用于类？这就是为什么我不能在其中定义容器的原因吗？这些都是可以接受的最后解决方案，但没有一个像我希望的那样动态。我希望得到类似：$（'textarea'）.wymeditor（iframeCss:'style.css'）；但是根据你所说的，我对使用iframeHtml自定义选项来创建这个有了一个很好的想法。@SinistraD，对于你的第一条评论，如果我理解正确，样式表将有
DOM
标记的定义。为了能够在其中定义容器，
wymeditor
人员必须启用它。这让我来回答你的第二条评论——
wymeditor
人们必须启用该功能，这样你才能使用
$（'textarea'）.wymeditor（iframeCss:'style.css'）。到目前为止，由于缺少由
wymeditor
启用的此功能，我认为我的答案应该有效。如果是这样，如果你接受答案，我会delighted@SinistraD，更新了我的答案查看您对问题的更新我可以让它工作。你没有回答完整的问题，只是一些（必要的部分），所以我不会把它标记为解决方案，但我会给你赏金，因为你应得的。谢谢你的帮助。