文本编辑器summerNote的使用

文本编辑器summerNote的使用

<!-- include libraries(jQuery, bootstrap) -->
<link href="/summernote/bootstrap.css" rel="stylesheet">
<script src="/summernote/jquery.js"></script> 
<script src="/summernote/bootstrap.js"></script> 
<!-- include summernote css/js -->
<link href="/summernote/summernote.css" rel="stylesheet">
<script src="/summernote/summernote.js"></script>

<div id="summernote"></div>
<input type="button" class="fixedbutton" onclick="fun_save();" value="保存">
<input type="button" class="fixedbutton" onclick="fun_preview();" value="プレビュー">
<input type="button" class="fixedbutton" onclick="fun_cancel();" value="キャンセル" />
<input type="hidden" id="hanreiValue" name="hanreiValue" value="XXX"/>

<script>
	//onload
	$(function(){
		//ＵＲＬ直打ち対応
		if(!self.opener || self.opener.closed){
		    alert("親画面がありません");
		    self.close();
		} else {
		    self.opener.flgSubmit=true;
		}
		$('#summernote').summernote({
			  disableDragAndDrop: true,
			  airMode: true,
			  shortcuts: false,
			  tabDisable: false,
			  popover: {
				  	  table: [
						['add', ['addRowDown']],
						['delete', ['deleteRow']],
						['font', ['bold', 'underline', 'clear']],
						['color', ['color']]
			  		  ],
			  		  air: [
			  		  ]
		
			  }
		});
		$('#summernote').summernote('code',$("#hanreiValue").val());
		// summernote.enter
		$('#summernote').on('summernote.enter', function() {
			$('#summernote').summernote('destroy');
			$('#summernote').summernote({
				  disableDragAndDrop: true,
				  airMode: true,
				  shortcuts: false,
				  tabDisable: false,
				  popover: {
						  table: [
							['add', ['addRowDown']],
							['delete', ['deleteRow']],
							['font', ['bold', 'underline', 'clear']],
							['color', ['color']]
				  		  ],
				  		  air: [
				  		  ]
				  }
			});
		});
	});
	
	function fun_save(){
		if(!self.opener || self.opener.closed){
		    alert("親画面がありません");
		} else {
			var data = $('#summernote').summernote('code');
			self.opener.XXX(data);
		}
		self.close();
	}
	function fun_preview(){
		if(!self.opener || self.opener.closed){
		    alert("親画面がありません");
		    self.close();
		} else {
			var data = $('#summernote').summernote('code');
			self.opener.XXX(data);
		}
	}
	function fun_cancel(){
		self.opener.XXX();
		self.close();
	}
	
</script>