Wordpress, TinyMCE подключить к файлу

@user-men · Регистрация: 17.02.2014

Author24 — интернет-сервис помощи студентам

Делаю плагин Wordpress

Создаю окно

Javascript

...
editor.addCommand('MyPlagin', function() 
                {
                    editor.windowManager.open({
                        title: 'my_plagin',
                        url: url + '/my_plagin.html',
                        width: 600,
                        height: 600
                    });
                });
...

Это файл который будет размещен в окне
my_plagin.html

PHP/HTML

...
<script language="javascript" type="text/javascript" src="http://localhost/website1/wp-includes/js/tinymce/tinymce.min.js"></script>
 
<script language="javascript" type="text/javascript">
tinyMCE.activeEditor.setContent('<span>some</span> html');
</script>
</body>
...

строка

PHP/HTML

1	tinyMCE.activeEditor.setContent('<span>some</span> html');

не работает, хоть я подключил tinymce.min.js

Как правильно подключить tinyMCE до файла my_plagin.html ?

Добавлено через 5 часов 1 минуту
нашел ответ

Dialogs as HTML pages

In TinyMCE 3.x all dialogs where HTML pages that got loaded into a iframe or window. This was changed in TinyMCE 4 to make it easier to make plugins and fully support CDN:s. But you can still load HTML based pages into TinyMCE dialogs by using the WindowManager.

Javascript

// Opens a HTML page inside a TinyMCE dialog
editor.windowManager.open({
    title: "My html dialog",
    url: 'mydialog.html',
    width: 700,
    height: 600
});

You can also pass in parameters to the dialog just as you could in 3.x by using the second parameter of the WindowManager.open.

Javascript

// Opens a HTML page inside a TinyMCE dialog and pass in two parameters
editor.windowManager.open({
    title: "My html dialog",
    url: 'mydialog.html',
    width: 700,
    height: 600
}, {
    arg1: 42,
    arg2: "Hello world"
});

You can access these parameters from your mydialog.html page by using this code:

// Get the parameters passed into the window from the top frame

Javascript

1 2	var args = top.tinymce.activeEditor.windowManager.getParams(); console.log(args.arg1, args.arg2);

You can also close the current window by calling:

Javascript

1 2	// Close the front most window (mydialog.html) top.tinymce.activeEditor.windowManager.close();

вместо tinyMCE.activeEditor.setContent('<span>some</span> html');
нужно писать top.tinymce.activeEditor.setContent('<span>some</span> html');

	14.12.2016, 22:32

Опции темы