Получение контента из TinyMCE: подробное руководство с примерами кода

Чтобы получить контент из TinyMCE, вы можете использовать следующие методы:

Метод 1: использование JavaScript

var editor = tinymce.get('yourEditorId');
var content = editor.getContent();
console.log(content);

Метод 2. Использование jQuery

var content = $('yourEditorId').tinymce().getContent();
console.log(content);

Метод 3: использование AngularJS

$scope.getContent = function() {
  var editor = tinymce.get('yourEditorId');
  var content = editor.getContent();
  console.log(content);
};

Метод 4: использование React

import { Editor } from '@tinymce/tinymce-react';
class MyEditor extends React.Component {
  handleEditorChange = (content) => {
    console.log(content);
  };
  render() {
    return (
      <Editor
        apiKey="yourApiKey"
        initialValue="<p>Initial content</p>"
        init={{
          height: 500,
          menubar: false,
          plugins: [
            'advlist autolink lists link image',
            'charmap print preview anchor help',
            'searchreplace visualblocks code',
            'insertdatetime media table paste wordcount'
          ],
          toolbar:
            'undo redo | formatselect | bold italic | \
            alignleft aligncenter alignright | \
            bullist numlist outdent indent | help'
        }}
        onEditorChange={this.handleEditorChange}
      />
    );
  }
}

Метод 5: использование Vue.js

»,
tinyMceConfig: {
/* Ваши параметры конфигурации TinyMCE */

};
},
методы: {
getContent() {
this.content = this.$refs.editor.getContent();
console.log(this.content);


};

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