切换使用嵌入的html样式标记编辑textarea

Question

我有一个非常简单的问题。我正在使用toggleEdit来允许用户编辑/预览某些HTML。对于那些不熟悉切换编辑的用户，只需在toggleEdit()上调用<input/>，就可以使用<div/>元素中的任何值创建<input/>。当toggleEdit("preview")显示<div/>时，toggleEdit("edit")显示<input/>字段。

对于我的情况，我用它来显示“嵌入式HTML”。用户基本上输入一些HTML，点击预览，然后显示。我试图找到一种“重新渲染”div的方法，以便可以使用嵌入式样式元素。

例如。

在文本区域中，用户输入：

<style type="text/css">
   ul {  list-style-type: circle;  }
</style>

<ul> <li> This is a test </li>  </ul>

在我的情况下，样式被忽略。但如果我使用内联样式，他们会工作。我尝试替换div文本，但这不起作用。

我确信这是一个简单的重新审核问题..找不到一种简单的方法来搜索它。

---

修改

根据要求提供的是JSFiddle

Answer 1

如果您要发布代码的实时版本以进行适当的检查，这将有很大帮助。在任何情况下，它似乎不是通过js插入的style = type声明应该工作。但是内联就是这样，这就是为什么你会看到像firebug这样的工具依赖于线条样式来为实时工作的dom添加动态css。

Answer 2

尝试使用您的样式中的important rule来覆盖其他声明：

ul { list-style-type: circle !important; }