将 froala wysiwyg 的 textarea 更改为 notebook答案

【问题标题】：Change textarea of froala wysiwyg to notebook将 froala wysiwyg 的 textarea 更改为 notebook
【发布时间】：2014-10-03 22:38:35
【问题描述】：

我正在尝试将 froala 所见即所得编辑器的背景图像更改为看起来像笔记本，

但它根本没有改变任何东西...有人可以帮我解决它并告诉我如何解决吗？

这就是我正在做的：

<style type="text/css">

textarea.notebook {
      font-family: 'Open Sans', Arial, Helvetica, sans-serif;
      font-weight: 700;
      width: 100%;
      padding: 5px 0px;
      margin-bottom: 20px;
      resize: vertical;
      font-size: 11px;
      line-height: 24px;
      border-bottom: 2px solid;
       -webkit-appearance: none;
      border-radius: 0;
      background: url(notebook.png);
}


</style>

<section id="editor">

    <form>
      <textarea  id="edit"  name="edit" class="notebook"  style="margin-top: 30px;">

  </textarea>


    </form>

  </section>

【问题讨论】：

可能发生的事情是 froala jQuery 脚本正在更改 textarea 的背景属性，从而覆盖了您的样式规则。
我能做些什么来避免这种情况？
免责声明：我从未使用过 froala（但谢谢，您的问题引起了我的注意）。您最好的选择可能是向 froala 支持团队发送电子邮件并询问他们。可能有一些配置选项。我的猜测是 froala 中有一个样式表，您可能能够覆盖设置 textarea 块样式的特定规则。您可能需要一个非常具体的选择器。我在过去的样式小部件（例如电子邮件注册等）中做过类似的事情。

标签： css froala

【解决方案1】：

一种可能的方法是为 froala 编辑器创建自定义主题，请参阅：

http://editor.froala.com/examples/color-themes

我怀疑如果你可以修改背景颜色，你也可以添加背景图片。

【讨论】：

谢谢，我会想办法的
如果你可以使用请添加评论，forala 似乎是一个不错的编辑器，我会看看它。万事如意！