Twitter bootstrap 引导-所见即所得编辑选项无效
在Twitter bootstrap 引导-所见即所得编辑选项无效,twitter-bootstrap,wysiwyg,twitter-bootstrap-3,Twitter Bootstrap,Wysiwyg,Twitter Bootstrap 3,在标记之前的文档末尾,我有所需的资源: {{ HTML::script('/themes/admin/js/jquery.js') }} {{ HTML::script('/themes/admin/js/jquery-ui.js') }} {{ HTML::script('/themes/admin/js/bootstrap.min.js') }} {{ HTML::script('/themes/admin/js/wys.js') }} // Bootstrap-wysiwyg 所有脚本都
标记之前的文档末尾,我有所需的资源:
{{ HTML::script('/themes/admin/js/jquery.js') }}
{{ HTML::script('/themes/admin/js/jquery-ui.js') }}
{{ HTML::script('/themes/admin/js/bootstrap.min.js') }}
{{ HTML::script('/themes/admin/js/wys.js') }} // Bootstrap-wysiwyg
所有脚本都链接在一起,并在那里运行。这是我的HTML:
<div id="editor" class="well col-md-3" contenteditable="true">
</div>
<script type="text/javascript">
$('#editor').wysiwyg();
</script>
$(“#编辑器”).wysiwyg();
这是我的工具栏代码,就在上面:
<div class="well">
<div class="btn-toolbar" data-role="editor-toolbar" data-target="#editor">
<div class="btn-group">
<a class="btn btn-primary dropdown-toggle" data-toggle="dropdown" title="" data-original-title="Font"><i class="glyphicon glyphicon-font"></i><b class="caret"></b></a>
<ul class="dropdown-menu">
<li><a data-edit="fontName Serif" style="font-family:'Serif'">Serif</a></li><li><a data-edit="fontName Sans" style="font-family:'Sans'">Sans</a></li><li><a data-edit="fontName Arial" style="font-family:'Arial'">Arial</a></li><li><a data-edit="fontName Arial Black" style="font-family:'Arial Black'">Arial Black</a></li><li><a data-edit="fontName Courier" style="font-family:'Courier'">Courier</a></li><li><a data-edit="fontName Courier New" style="font-family:'Courier New'">Courier New</a></li><li><a data-edit="fontName Comic Sans MS" style="font-family:'Comic Sans MS'">Comic Sans MS</a></li><li><a data-edit="fontName Helvetica" style="font-family:'Helvetica'">Helvetica</a></li><li><a data-edit="fontName Impact" style="font-family:'Impact'">Impact</a></li><li><a data-edit="fontName Lucida Grande" style="font-family:'Lucida Grande'">Lucida Grande</a></li><li><a data-edit="fontName Lucida Sans" style="font-family:'Lucida Sans'">Lucida Sans</a></li><li><a data-edit="fontName Tahoma" style="font-family:'Tahoma'">Tahoma</a></li><li><a data-edit="fontName Times" style="font-family:'Times'">Times</a></li><li><a data-edit="fontName Times New Roman" style="font-family:'Times New Roman'">Times New Roman</a></li><li><a data-edit="fontName Verdana" style="font-family:'Verdana'">Verdana</a></li></ul>
</div>
</div>
</div>
- Serif
- Sans
- Arial
- Arial
- 黑色
信使信使新- 无国界喜剧
赫尔维蒂卡影响露西达·格兰德露西达·桑塔荷马时代新罗马时代威尔达纳
现在我可以在我的Div中单击并输入文本或删除它等等。但是,如果我选择文本,然后单击工具栏中的一个选项,则什么也不会发生
另外,当我在可编辑的div内单击并选择一些文本时,div将显示为选中,但当我单击其中一个工具栏项目时,div/text将被取消选择。我找到了,您尝试使用哪一个
你已经用Twitter的Bootstrap3标记了你的问题
mindup版本:此处包括TB 2.3.1
Bootstrap-wysihtml5最新更新6个月前在提交消息“将Bootstrap JavaScript插件更新为2.2.1”中显示
我觉得您尝试使用的插件首先还没有为Twitter的Bootstrap 3做好准备。Mindmup WYSIWYG()应该可以使用Bootstrap 3,但您需要更改工具栏--
下面是一个工作演示:
工具栏功能和编辑器文本选择似乎按预期运行。我认为您可能需要添加更多关于您想要解决的问题的信息。我相信您需要使用文本框,而不是div标记plugin@DrixsonOseña即使使用textarea标记而不是div也不起作用。这很奇怪,因为我第二次单击在可编辑的div/textarea上,我可以选择和更改文本,但当我选择文本,然后单击粗体选项按钮时,它什么也不做,只会取消选择文本。@kellax,你的jquery版本?@DrixsonOseña jquery v1.10.2如果你阅读了注释,你会看到正在使用的是“mindmup”所见即所得编辑器。非常好的演示。链接按钮在点击输入时关闭,但您可以在此处找到修复方法