编辑:
我终于明白了。解析器规则是我的问题。我使用的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>