summernote中如何添加属性名点击编辑

Question

我想在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');
};

文档： http://summernote.org/examples/#click-to-edit

Answer 1

你可以这样做。只需找到文本区域添加名称 attribute.Hope 即可。

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

Answer 2

我认为您不需要任何花哨的东西。

在 summernote selector

上使用 attr()

$('.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.. 
);

Answer 3

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

summernote中如何添加属性名点击编辑

how to add attribute name in summernote click to edit

javascript

jquery

summernote