Redactor WYSIWYG来自: https://github.com/dybskiy/redactor-js
JQuery版本: jquery-1.10.1.min.js(也尝试了1.9.0,它附带在演示中)
非常简单,编辑图标出现在内容的右上方,onclick将内容更改为WYSIWYG编辑器,也将图标更改为X以取消
Onclick X,销毁编辑器,WYSIWYG编辑器回到原始文本
按照此页面的指示: http://imperavi.com/redactor/examples/click-to-edit/ 区别在于,我不想要2个函数,我将它组合成1个函数,具体取决于editContainer具有哪个类,取决于if-else执行哪个
问题: .redactor('destroy');不起作用
<style>
#editContainer {
position: absolute;
right: 5px;
top: 5px;
width: 16px;
height: 16px;
}
#editContainer.edit {
background: url("../img/icon-edit-16.png") no-repeat 0 0;
z-index: 999;
cursor: pointer;
}
#editContainer.cancel {
background: url("../img/icon-error.png") no-repeat 0 0;
z-index: 999;
cursor: pointer;
}
</style>
<div id='headerRightContent'>
xxx
</div>
<div id='editContainer' class='edit' onclick=cmsEdit();></div>
<script type='text/javascript'>
function cmsEdit() {
if ( $('#editContainer').hasClass('edit') ) {
$('#headerRightContent').redactor({ focus: true });
$('#editContainer').removeClass('edit').addClass('cancel');
}else if ( $('#editContainer').hasClass('cancel') ) {
var html = $('#headerRightContent').redactor('get');
$('#headerRightContent').redactor('destroy');
$('#editContainer').removeClass('cancel').addClass('edit');
}
}
</script>
答案 0 :(得分:3)
对于任何遇到Redactor II问题的人来说,命令稍有改变。
$('#headerRightContent').redactor('core.destroy');
答案 1 :(得分:2)
如果您购买了RedactorJS的许可证,destroy
方法适用于上一版本9.1.1
或者使用以下代码更新您的代码:
destroy: function()
{
clearInterval(this.autosaveInterval);
$(window).off('.redactor');
this.$element.off('.redactor').removeData('redactor');
var html = this.get();
if (this.opts.textareamode)
{
this.$box.after(this.$source);
this.$box.remove();
this.$source.val(html).show();
}
else
{
var $elem = this.$editor;
if (this.opts.iframe) $elem = this.$element;
this.$box.after($elem);
this.$box.remove();
$elem.removeClass('redactor_editor').removeClass('redactor_editor_wym').removeAttr('contenteditable').html(html).show();
}
if (this.opts.air)
{
$('.redactor_air').remove();
}
},