
Jelikož poslední TinyMCE vyšel nedávno a není k němu zatím dokumentace, jediné dohledatelné řešení je implementace elFinderu.
- Ve složce
tinymce/pluginsvytvořit složkueldinder, - do ní nahrát obsah staženého archivu elFinderu,
- přidat plugin
elfinderdo inicialisace TinyMCE mezi ostatní pluginy:tinymce.init({plugins: ["elfinder"]}), - přejmenovat soubor
tinymce/plugins/elfinder/js/elfinder.min.jsnaplugin.min.js, - přímo do adresáře pluginu umístit nový soubor
plugin.min.jss obsahem:
tinymce.PluginManager.add("elfinder", function (editor, url) {
editor.settings.file_browser_callback = function (id, value, type, win) {
$('<div />').dialogelfinder({
url: url + '/php/connector.php',
commandsOptions: {
getfile: {
oncomplete: 'destroy'
}
},
getFileCallback: function (url)
{
console.log(url);
var fieldElm = win.document.getElementById(id);
fieldElm.value = editor.convertURL(url, null, true);
if ("fireEvent"in fieldElm) {
fieldElm.fireEvent("onchange")
} else {
var evt = document.createEvent("HTMLEvents");
evt.initEvent("change", false, true);
fieldElm.dispatchEvent(evt)
}
}
});
}; }, ["elfinder/js"]);
Nakonec už stačí jen připojit na stránce, kde se připojuje skript TinyMCE, potřebné skripty a styly pro elFinder.
To jsou jednak externí knihovny jQuery a jQuery UI (JS + CSS):
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" ></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.21/jquery-ui.min.js"></script>
<link rel="stylesheet" type="text/css" media="screen" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.18/themes/smoothness/jquery-ui.css">
A potom skripty a styly elFinderu:
<script type="text/javascript" src="{$basePath}/tinymce/plugins/elfinder/js/plugin.min.js"></script>
<link rel="stylesheet" type="text/css" media="screen" href="{$basePath}/tinymce/plugins/elfinder/css/elfinder.min.css">
<link rel="stylesheet" type="text/css" media="screen" href="{$basePath}/tinymce/plugins/elfinder/css/theme.css">Související články
Vlastní jednoduchý WYSIWYG editor
Chceme-li na webu zadávat text a běžná <textarea> už nestačí, řešením je napsat si vlastní WYSIWYG editor.
3
minuty
Pročištění a opravení „prasáckého“ HTML
Jak z WYSIWYG editorů (jako třeba Word, starší TinyMCE/CKEditor) vytvořit rozumný a sémantický HTML kód.
5
minut
