我有两个按钮,一个是编辑和保存。我有一个div或span所以onclick编辑按钮我想将span或div转换为summernote编辑器和onclick保存它会将数据保存到相同的div并将删除summernote编辑器。
我没有在summernote网站上找到任何有用的信息,请提出正确的方法。
Summernote确实提供了一个明确的例子来满足您的需求,您可能会发现它qazxsw poi。
here
var edit = function() {
$('.click2edit').summernote({focus: true});
};
var save = function() {
var markup = $('.click2edit').summernote('code');
$('.click2edit').summernote('destroy');
};
单击“编辑”按钮时,可以隐藏div / span。使用jQuery代码,它可能是
<link href="http://netdna.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.css" rel="stylesheet">
<script src="http://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.js"></script>
<script src="http://netdna.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.js"></script>
<!-- include summernote css/js-->
<link href="https://summernote.org/vendors/summernote/dist/summernote.css" rel="stylesheet">
<script src="https://summernote.org/vendors/summernote/dist/summernote.js"></script>
<button id="edit" class="btn btn-primary" onclick="edit()" type="button">Show Edit Mode</button>
<button id="save" class="btn btn-primary" onclick="save()" type="button">Hide Edit Mode</button>
<div class="click2edit">click2edit</div>