Wysihtml-下划线操作不会创建<u>换行

时间:2018-07-24 22:50:56

标签: javascript html wysihtml5

编辑:

我终于明白了。解析器规则是我的问题。我使用的simple.js需要升级。文件advanced_and_extended.js工作正常。

原始问题:

使用wysihtml时出现问题。粗体和斜体命令将添加其包装标签,但下划线将不添加。下划线命令将在文本下划线,但是如果我切换到HTML,则没有标签,当我切换回下划线时,下划线将消失。

我确实尝试了wysihtml5,但结果相同。我还看到了wysihtml网站上的示例确实添加了标签。

我想念什么吗?谢谢!

<style>  
  #toolbar [data-wysihtml-action] {
    float: right;
    margin-right: 10px;
  }
  #toolbar,
  textarea {
    width: 600px;
    padding: 5px;
  }
  textarea {
    height: 280px;
    border: 2px solid green;
    font-family: Verdana;
    font-size: 11px;
  }
  .wysihtml-command-active {
    font-weight: bold;
  }
</style>

<form>
  <textarea id="textarea" placeholder="Enter text ..."></textarea>
  <div id="toolbar" style="display: none;">
    <a data-wysihtml-command="bold" title="CTRL+B">bold</a> |
    <a data-wysihtml-command="italic" title="CTRL+I">italic</a> |
    <a data-wysihtml-command="underline" title="CTRL+U">underline</a>
    <a data-wysihtml-action="change_view">switch to html view</a>
  </div>
</form>

<script src="wysihtml-0.6.0-beta1/dist/wysihtml.js"></script>
<script src="wysihtml-0.6.0-beta1/dist/wysihtml.all-commands.js"></script>
<script src="wysihtml-0.6.0-beta1/dist/wysihtml.toolbar.js"></script>
<script src="wysihtml-0.6.0-beta1/parser_rules/simple.js"></script>
<script>
  var editor = new wysihtml.Editor("textarea", {
    toolbar:        "toolbar",
    parserRules:    wysihtmlParserRules,
    useLineBreaks:  false
  });
</script>

0 个答案:

没有答案