夏日记-图像属性
Summernote-image-atizes 经历了一个制作结束,我们重新设计了"对话框"版式,以方便使用. 新课已经提交给了"夏日诺"主库,一定要抓住最新的主课,并建为课型附加课.
用于此图的插件 夏季说明 WYSIWYG编辑.
在图像中添加一个按钮来编辑标题、备选案文、类和样式属性,以及带有相关属性的链接.
安装
1. 包括联署材料
在包含 Summernote 后包含以下代码, 要更改默认语言( en- US), 您必须在插件后添加lang 文件 .
如果你使用靴子夹5中,必须添加**/bootstrap5/** summernote-image-atizes.js,而不是 summernote-image-tizers.js
<script src="summernote-image-attributes.js"></script>
OR
<script src="/bootstrap5/summernote-image-attributes.js"></script>
<script src="lang/[language-COUNTRY].js"></script>
2. 支助语言
现有美国英语(Default)、西班牙语、法语、中文(传统)、意大利语、德语和土耳其语版本!
3. 夏季说明备选方案
最后,自定义出"夏诺特"(Summernote)图像弹出.
$(document).ready(function() {
$('#summernote').summernote({
popover: {
image: [
['custom', ['imageAttributes']],
['imagesize', ['imageSize100', 'imageSize50', 'imageSize25']],
['float', ['floatLeft', 'floatRight', 'floatNone']],
['remove', ['removeMedia']]
],
},
lang: 'en-US', // Change to your chosen language
imageAttributes:{
icon:'<i class="note-icon-pencil"/>',
removeEmpty:false, // true = remove attributes | false = leave empty if present
disableUpload: false // true = don't display Upload Options | Display Upload Options
}
});
});