Tiny MCE Добавить редактор кода в отдельном выделенном div, а не всплывающем окне для редактирования в реальном времени - PullRequest
Новая
       11

Tiny MCE Добавить редактор кода в отдельном выделенном div, а не всплывающем окне для редактирования в реальном времени

0 голосов
/ 14 декабря 2018

Можем ли мы добавить редактор кода редактора Tiny MCE в отдельный div, а не во всплывающее окно, чтобы пользователь мог редактировать содержимое в любое время, не открывая всплывающее окно снова и снова.Пожалуйста, найдите рабочий пример 

var editor$;
tinymce.init({
  selector: '#editorcontent',
  height: 500,
  theme: 'modern',
  plugins: 'print preview fullpage powerpaste searchreplace autolink directionality advcode visualblocks visualchars fullscreen image link media template codesample table charmap hr pagebreak nonbreaking anchor toc insertdatetime advlist lists textcolor wordcount tinymcespellchecker a11ychecker imagetools mediaembed  linkchecker contextmenu colorpicker textpattern help',
  toolbar1: 'formatselect | bold italic strikethrough forecolor backcolor | link | alignleft aligncenter alignright alignjustify  | numlist bullist outdent indent  | removeformat | code ',
  image_advtab: true,
  templates: [
    { title: 'Test template 1', content: 'Test 1' },
    { title: 'Test template 2', content: 'Test 2' }
  ],
  content_css: [
    '//fonts.googleapis.com/css?family=Lato:300,300i,400,400i',
    '//www.tinymce.com/css/codepen.min.css'
  ],
  init_instance_callback: function (editor) {
    editor$ = editor;
  }
 });
 setTimeout(()=>{
   let ed=tinymce.get('editorcontent');
   ed.setContent("<h1>Hello Duniya</h1>");
 },1000);

Я просто хочу иметь редактор кода в левой части редактора вместо всплывающего окна.

enter image description here

...