如何在summernote中添加属性名称点击进行编辑

时间:2016-10-10 06:24:17

标签: javascript jquery summernote

我想在summernote中添加元素属性名称点击进行编辑

html:

<button id="edit" class="btn btn-primary" onclick="edit()" type="button">Edit 1</button>
<button id="save" class="btn btn-primary" onclick="save()" type="button">Save 2</button>
<div class="click2edit">click2edit</div>

的javascript:

var edit = function() {
  $('.click2edit').summernote({focus: true});
};

var save = function() {
  var makrup = $('.click2edit').summernote('code');
  $('.click2edit').summernote('destroy');
};

doc: http://summernote.org/examples/#click-to-edit

3 个答案:

答案 0 :(得分:1)

你可以这样做。只需找到文本区域添加名称属性。希望它有效。

var edit = function(){     $('。click2edit')。summernote({focus:true});     $( '请注意,editor.note-frame.panel.panel默认 ')找到(' 文本区域 ')ATTR(' 名', 'mytextarea')。 };

答案 1 :(得分:0)

我认为你在这里不需要任何东西。

attr()

上使用summernote selector
$('.summernote').attr('name', 'content');

在这里,我假设$('.summernote')是应用编辑器的选择器。

示例,演示如何获取编辑器实例

$("#id").on("summernote.init", function(e, layoutInfo) {
    // get $editor element 
    var $editor = layoutInfo.editor();

    // add id attribute in $editor element 
    $editor.attr('id', $(this).attr('id') + "-of-example");
}).summernote(
    // summernote options.. 
);

答案 2 :(得分:0)

var edit = function() { 
  $('.click2edit').summernote({focus: true});
  $('.note-editor').find('textarea').attr('name','mytextarea');
};