изменение положения изображений в редакторе tinymce не занимает точную позицию при предварительном просмотре - PullRequest
Новая
       12

изменение положения изображений в редакторе tinymce не занимает точную позицию при предварительном просмотре

0 голосов
/ 11 мая 2018

при изменении положения изображения в редакторе tinymce, оно не занимает точную позицию при предварительном просмотре.

enter image description here

 tinymce.init({selector: "textarea",branding: false,  force_br_newlines : true,
    		'setup' : function(ed) {
    		ed.on('init', function(e) {
    		$(ed.getBody()).on("click", "img", function() {
    		$(this).draggable();
    		});

    		});
    		},paste_data_images: true,  images_upload_url: '/user/dashboard/upload',
    		theme: "modern",width:"100%",height :'300px',forced_root_block : "",plugins: ["pagebreak advlist autolink lists link image charmap print preview hr anchor pagebreak","searchreplace wordcount visualblocks visualchars code fullscreen","insertdatetime media nonbreaking save table contextmenu imagetools directionality","emoticons template paste textcolor colorpicker textpattern"],
    		paste_block_drop:true,
    		menubar: "edit table",
    		toolbar1: "insertfile undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image | pagebreak",
    		toolbar2: "print preview media | forecolor backcolor emoticons",image_advtab: true,templates: [{title: 'Test template 1', content: 'Test 1'},{title: 'Test template 2', content: 'Test 2'}],
    		pagebreak_separator: "<div class='page-break'></div>",



    		images_upload_handler: function (blobInfo, success, failure) {
    		var xhr, formData;

    		xhr = new XMLHttpRequest();
    		xhr.withCredentials = false;
    		xhr.contentType= false;
    		xhr.processData= false;
    		xhr.open('POST', '/user/dashboard/upload');

    		xhr.onload = function() {
    		var json;
    	
    		if (xhr.status != 200) {
    			failure('HTTP Error: ' + xhr.status);
    			return;
    		}
    		json = JSON.parse(xhr.responseText);

    		if (!json || typeof json.location != 'string') {
    			failure('Invalid JSON: ' + xhr.responseText);
    			return;
    		}

    		success(json.location);

    		};
    		var token = $('#token').val();
    		formData = new FormData();
    		formData.append('_token',token);
    		formData.append('file', blobInfo.blob(), blobInfo.filename());
    		xhr.send(formData);
    		}


    });


    // This code is used for insert google chart inside tinymce editor  
    google.visualization.events.addListener(chart, 'ready', function () {
    chart_div.innerHTML = '<img src="' + chart.getImageURI() + '">';
    tinymce.get("description").execCommand('mceInsertContent', false, 
    chart_div.innerHTML);
    });

Я установил 3 изображения в одну строку, но они не показывают изображения в точном месте.Это показывает в предварительном просмотре одно изображение на другом изображении.Выше я упомянул код.

...