2013-03-29 4 views
3

Я использую плагин jQuery Bootstrap-wysihtml5 (https://github.com/jhollingworth/bootstrap-wysihtml5/) для преобразования текстовых полей в WYSIWYG. Я бы хотел, чтобы активировать и деактивировать редактор, нажав на 2 кнопки, пока я могу показать редактор, пожалуйста, сообщите мне, как я могу отключить редактор и оставить только текстовое поле и его значение. Мой код выглядит следующим образом: -Как отключить экземпляр jQuery Bootstrap-wysihtml5?

HTML

<textarea name="textarea" id="textarea" cols="45" rows="5"></textarea> 

<input type="button" id="button1" value="Show Editor"> 
<input type="button" id="button2" value="Hide Editor"> 

Script

$("#button1").click(function(){ 
$('textarea').wysihtml5(); 
}); 

$("#button2").click(function(){ 
// this is where i'm stuck 
}); 

Спасибо

ответ

3

У меня была та же проблема, пытаясь отключить/скрыть панель инструментов и редактора и везло со следующими командами (чтобы отключить редактор). Я использую версию wysihtml5-0.3.0_rc2.js)

$('#editorId').data('wysihtml5').editor.composer.disable(); 
$('#editorId').data('wysihtml5').editor.composer.enable(); 

или (скрыть редактор)

$('#editorId').data('wysihtml5').editor.composer.hide(); 
$('#editorId').data('wysihtml5').editor.composer.show(); 

Чтобы сделать то же самое на панели инструментов, выполнив следующие действия, чтобы скрыть/показать (не удается найти ват, чтобы отключить панель инструментов):

$('#editorId').data('wysihtml5').editor.toolbar.hide(); 
$('#editorId').data('wysihtml5').editor.toolbar.show(); 
+0

Благодарим вас за это – shingionline

+0

Привет, Педро, можете ли вы рассказать о том, как полностью удалить редактор? То, что я пытаюсь сделать, - использовать его как встроенный редактор. Предположим, у меня есть два абзаца, shift + click в первом абзаце включает редактор только в первом абзаце. Теперь, если пользователь сдвинет + щелкнуть по второму парагарфу, я хочу полностью удалить редактор в первом абзаце и включить его только для второго абзаца. Я не знаю, могу ли я хорошо общаться, но все же вы получите эту идею. Заранее спасибо! –

2

Несколько строк пользовательского кода JS. Я думаю, они могут вам помочь.

var content = $('#content'); 
var contentPar = content.parent() 
contentPar.find('.wysihtml5-toolbar').remove() 
contentPar.find('iframe').remove() 
contentPar.find('input[name*="wysihtml5"]').remove() 
content.show() 
+1

Пожалуйста, объясните изменения и почему они полезны. –

+0

этим вы можете удалить редактор из своего текстового поля. «#content» - это селектор, чтобы получить ваше текстовое поле. Prev post не помог мне, потому что он просто скрывает, но не отключает wysihtml5, мне удалось сохранить смелый и т. Д. Ctrl + b. –

+0

Спасибо, этот работает для меня. :) –