TinyMCE,较小的起始尺寸用于拖动图像

时间:2018-09-17 15:19:46

标签: javascript html css tinymce

当我将大图像(1240x800)拖到编辑器中时,它会显示完整尺寸,这对我的很多用户来说是一项实实在在的任务,要在编辑器宽度1200以内调整这些大图像的大小。

如果单击图像选项,将获得宽度和高度选项,输入宽度500将使其易于管理。

是否有一种方法可以使每张图像拖动到编辑器中时都具有一定的宽度?

也许预填充了图像选项中的width属性?这样一来,他们可以根据需要从较小的版本中调整大小。

我当前的编辑器

tinymce.init({
  selector: '#leftHalfTextArea',
height: 500,
force_br_newlines : false,
force_p_newlines : false,
invalid_elements:"div",
forced_root_block : false,
theme: 'modern',
plugins: 'print preview fullpage paste searchreplace autolink directionality code visualblocks visualchars fullscreen image link media template codesample table charmap hr pagebreak nonbreaking anchor toc insertdatetime advlist lists textcolor wordcount spellchecker imagetools media  link contextmenu colorpicker textpattern help',
toolbar1: 'preview | formatselect | bold italic strikethrough forecolor backcolor fontsizeselect fontselect | link | alignleft aligncenter alignright alignjustify  | numlist bullist outdent indent  | removeformat',
plugin_preview_width:1200,
image_advtab: true,
templates: [
  { title: 'Test template 1', content: 'Test 1' },
  { title: 'Test template 2', content: 'Test 2' }
],
image_dimenstions:false,
    image_class_list:[
    {title: 'Responsive', value: 'img-responsive'}
    ],
content_css: [
  '//fonts.googleapis.com/css?family=Lato:300,300i,400,400i',
  '//www.tinymce.com/css/codepen.min.css'
],
content_style: 'img {max-width: 500px;}'
});

0 个答案:

没有答案