我正在尝试在我网站的文本区域上使用 Wysihtml5 编辑器。 如果我使用默认值并且不指定工具栏,我会得到默认工具栏,但如果我遵循 wysihtml5 网站上的文档,我不会得到任何工具栏。
我的自定义工具栏:
<div id="wysihtml5-toolbar" style="display: none;">
<header>
<a data-wysihtml5-command="bold">bold</a>
<a data-wysihtml5-command="italic">italic</a>
<a data-wysihtml5-command="foreColor" data-wysihtml5-command-value="red">red</a>
<a data-wysihtml5-command="foreColor" data-wysihtml5-command-value="green">green</a>
<a data-wysihtml5-command="foreColor" data-wysihtml5-command-value="blue">blue</a>
</header>
<a data-wysihtml5-command="createLink">insert link</a>
<div data-wysihtml5-dialog="createLink" style="display: none;">
<label>
Link:
<input data-wysihtml5-dialog-field="href" value="http://" class="text">
</label>
<a data-wysihtml5-dialog-action="save">OK</a> <a data-wysihtml5-dialog-action="cancel">Cancel</a>
</div>
</div>
<textarea id='Body'></textarea>
我的脚本使文本区域成为 wysihtml5 编辑器:
<script>
$(document).ready(function () {
$('#Body').wysihtml5({
toolbar: 'wysihtml5-toolbar'
});
});
</script>
我现在创建了一个 jsfiddle我所设置的。我似乎仍然无法按照说明指定控制工具栏。
最佳答案
我有完全相同的问题,我用一个有趣的解决方案解决了。到这里( http://xing.github.io/wysihtml5/ ),打开页面源代码并从那里获取 css 和脚本代码。在 javascript 中导入 css 时要小心!
关于javascript - 使用 WYSIHTML5 编辑器显示工具栏时遇到问题?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29047130/