[richfaces-svn-commits] JBoss Rich Faces SVN: r11123 - in trunk/sandbox/samples/editor-sample/src/main: webapp and 7 other directories.

Author: pyaschenko Date: 2008-11-12 13:35:56 -0500 (Wed, 12 Nov 2008) New Revision: 11123 Added: trunk/sandbox/samples/editor-sample/src/main/resources/myplugins.properties trunk/sandbox/samples/editor-sample/src/main/webapp/tiny-custom-plugins/ trunk/sandbox/samples/editor-sample/src/main/webapp/tiny-custom-plugins/myemotions/ trunk/sandbox/samples/editor-sample/src/main/webapp/tiny-custom-plugins/myemotions/editor_plugin.js trunk/sandbox/samples/editor-sample/src/main/webapp/tiny-custom-plugins/myemotions/img/ trunk/sandbox/samples/editor-sample/src/main/webapp/tiny-custom-plugins/myemotions/img/smiley-cool.gif trunk/sandbox/samples/editor-sample/src/main/webapp/tiny-custom-plugins/myemotions/js/ trunk/sandbox/samples/editor-sample/src/main/webapp/tiny-custom-plugins/myemotions/js/emotions.js trunk/sandbox/samples/editor-sample/src/main/webapp/tiny-custom-plugins/myemotions/langs/ trunk/sandbox/samples/editor-sample/src/main/webapp/tiny-custom-plugins/myemotions/langs/en.js trunk/sandbox/samples/editor-sample/src/main/webapp/tiny-custom-plugins/myemotions/langs/en_dlg.js trunk/sandbox/samples/editor-sample/src/main/webapp/tiny-custom-plugins/myemotions/myemotions.htm trunk/sandbox/samples/editor-sample/src/main/webapp/tiny_mce_popup.js Modified: trunk/sandbox/samples/editor-sample/src/main/resources/editorFull.properties trunk/sandbox/samples/editor-sample/src/main/webapp/WEB-INF/web.xml trunk/sandbox/samples/editor-sample/src/main/webapp/pages/editor.jsp Log: custom plugins sample Modified: trunk/sandbox/samples/editor-sample/src/main/resources/editorFull.properties =================================================================== --- trunk/sandbox/samples/editor-sample/src/main/resources/editorFull.properties 2008-11-12 18:30:39 UTC (rev 11122) +++ trunk/sandbox/samples/editor-sample/src/main/resources/editorFull.properties 2008-11-12 18:35:56 UTC (rev 11123) @@ -3,6 +3,7 @@ theme_advanced_buttons2 = "cut,copy,paste,pastetext,pasteword,|,search,replace,|,bullist,numlist,|,outdent,indent,blockquote,|,undo,redo,|,link,unlink,anchor,image,cleanup,help,code,|,insertdate,inserttime,preview,|,forecolor,backcolor" theme_advanced_buttons3 = "tablecontrols,|,hr,removeformat,visualaid,|,sub,sup,|,charmap,emotions,iespell,media,advhr,|,print,|,ltr,rtl,|,fullscreen" theme_advanced_buttons4 = "insertlayer,moveforward,movebackward,absolute,|,styleprops,spellchecker,|,cite,abbr,acronym,del,ins,attribs,|,visualchars,nonbreaking,template,blockquote,pagebreak" +theme_advanced_buttons5 = "|,myemotions,|" theme_advanced_toolbar_location = "top" theme_advanced_toolbar_align = "left" theme_advanced_statusbar_location = "bottom" Added: trunk/sandbox/samples/editor-sample/src/main/resources/myplugins.properties =================================================================== --- trunk/sandbox/samples/editor-sample/src/main/resources/myplugins.properties (rev 0) +++ trunk/sandbox/samples/editor-sample/src/main/resources/myplugins.properties 2008-11-12 18:35:56 UTC (rev 11123) @@ -0,0 +1 @@ +myemotions=/tiny-custom-plugins/myemotions/editor_plugin.js \ No newline at end of file Modified: trunk/sandbox/samples/editor-sample/src/main/webapp/WEB-INF/web.xml =================================================================== --- trunk/sandbox/samples/editor-sample/src/main/webapp/WEB-INF/web.xml 2008-11-12 18:30:39 UTC (rev 11122) +++ trunk/sandbox/samples/editor-sample/src/main/webapp/WEB-INF/web.xml 2008-11-12 18:35:56 UTC (rev 11123) @@ -36,10 +36,12 @@ <servlet-class>javax.faces.webapp.FacesServlet</servlet-class> <load-on-startup>1</load-on-startup> </servlet> + <servlet-mapping> <servlet-name>Faces Servlet</servlet-name> <url-pattern>*.jsf</url-pattern> </servlet-mapping> + <!--servlet> <display-name>TinyMCE Loader Servlet</display-name> <servlet-name>TinyMCELoaderServlet</servlet-name> Modified: trunk/sandbox/samples/editor-sample/src/main/webapp/pages/editor.jsp =================================================================== --- trunk/sandbox/samples/editor-sample/src/main/webapp/pages/editor.jsp 2008-11-12 18:30:39 UTC (rev 11122) +++ trunk/sandbox/samples/editor-sample/src/main/webapp/pages/editor.jsp 2008-11-12 18:35:56 UTC (rev 11123) @@ -31,9 +31,11 @@ rendered="#{editorBean.rendered}" binding="#{editorBean.editor}" theme="advanced" - language="ru" - plugins="safari,spellchecker,pagebreak,style,layer,table,save,advhr,advimage,advlink,emotions,iespell,inlinepopups,insertdatetime,preview,media,searchreplace,print,contextmenu,paste,directionality,fullscreen,noneditable,visualchars,nonbreaking,xhtmlxtras,template" + language="en" + plugins="safari,spellchecker,pagebreak,style,layer,table,save,advhr,advimage,advlink,emotions,iespell,inlinepopups,insertdatetime,preview,media,searchreplace,print,contextmenu,paste,directionality,fullscreen,noneditable,visualchars,nonbreaking,xhtmlxtras,template,myemotions" configuration="editorFull" + skin="richfaces" + customPlugins="myplugins" /> <h:outputText value="Editor value: #{editorBean.value}" /> Added: trunk/sandbox/samples/editor-sample/src/main/webapp/tiny-custom-plugins/myemotions/editor_plugin.js =================================================================== --- trunk/sandbox/samples/editor-sample/src/main/webapp/tiny-custom-plugins/myemotions/editor_plugin.js (rev 0) +++ trunk/sandbox/samples/editor-sample/src/main/webapp/tiny-custom-plugins/myemotions/editor_plugin.js 2008-11-12 18:35:56 UTC (rev 11123) @@ -0,0 +1,41 @@ +/** + * $Id: editor_plugin_src.js 520 2008-01-07 16:30:32Z spocke $ + * + * @author Moxiecode + * @copyright Copyright � 2004-2008, Moxiecode Systems AB, All rights reserved. + */ + +(function() { + tinymce.PluginManager.requireLangPack('myemotions'); + tinymce.create('tinymce.plugins.MyEmotionsPlugin', { + init : function(ed, url) { + // Register commands + ed.addCommand('mceMyEmotion', function() { + ed.windowManager.open({ + file : url + '/myemotions.htm', + width : 250 + parseInt(ed.getLang('myemotions.delta_width', 0)), + height : 160 + parseInt(ed.getLang('myemotions.delta_height', 0)), + inline : 1 + }, { + plugin_url : url + }); + }); + + // Register buttons + ed.addButton('myemotions', {title : 'myemotions.emotions_desc', cmd : 'mceMyEmotion', image : url + '/img/smiley-cool.gif'}); + }, + + getInfo : function() { + return { + longname : 'MyEmotions', + author : '', + authorurl : '', + infourl : '', + version : tinymce.majorVersion + "." + tinymce.minorVersion + }; + } + }); + + // Register plugin + tinymce.PluginManager.add('myemotions', tinymce.plugins.MyEmotionsPlugin); +})(); \ No newline at end of file Added: trunk/sandbox/samples/editor-sample/src/main/webapp/tiny-custom-plugins/myemotions/img/smiley-cool.gif =================================================================== (Binary files differ) Property changes on: trunk/sandbox/samples/editor-sample/src/main/webapp/tiny-custom-plugins/myemotions/img/smiley-cool.gif ___________________________________________________________________ Name: svn:mime-type + application/octet-stream Added: trunk/sandbox/samples/editor-sample/src/main/webapp/tiny-custom-plugins/myemotions/js/emotions.js =================================================================== --- trunk/sandbox/samples/editor-sample/src/main/webapp/tiny-custom-plugins/myemotions/js/emotions.js (rev 0) +++ trunk/sandbox/samples/editor-sample/src/main/webapp/tiny-custom-plugins/myemotions/js/emotions.js 2008-11-12 18:35:56 UTC (rev 11123) @@ -0,0 +1,21 @@ +tinyMCEPopup.requireLangPack(); + +var MyEmotionsDialog = { + init : function(ed) { + tinyMCEPopup.resizeToInnerSize(); + }, + + insert : function(file, title) { + var ed = tinyMCEPopup.editor, dom = ed.dom; + tinyMCEPopup.execCommand('mceInsertContent', false, dom.createHTML('img', { + src : tinyMCEPopup.getWindowArg('plugin_url') + '/img/' + file, + alt : ed.getLang(title), + title : ed.getLang(title), + border : 0 + })); + + tinyMCEPopup.close(); + } +}; + +tinyMCEPopup.onInit.add(MyEmotionsDialog.init, MyEmotionsDialog); Added: trunk/sandbox/samples/editor-sample/src/main/webapp/tiny-custom-plugins/myemotions/langs/en.js =================================================================== --- trunk/sandbox/samples/editor-sample/src/main/webapp/tiny-custom-plugins/myemotions/langs/en.js (rev 0) +++ trunk/sandbox/samples/editor-sample/src/main/webapp/tiny-custom-plugins/myemotions/langs/en.js 2008-11-12 18:35:56 UTC (rev 11123) @@ -0,0 +1,3 @@ +tinyMCE.addI18n('en.myemotions',{ + desc : 'My Emotions' +}); \ No newline at end of file Added: trunk/sandbox/samples/editor-sample/src/main/webapp/tiny-custom-plugins/myemotions/langs/en_dlg.js =================================================================== --- trunk/sandbox/samples/editor-sample/src/main/webapp/tiny-custom-plugins/myemotions/langs/en_dlg.js (rev 0) +++ trunk/sandbox/samples/editor-sample/src/main/webapp/tiny-custom-plugins/myemotions/langs/en_dlg.js 2008-11-12 18:35:56 UTC (rev 11123) @@ -0,0 +1,5 @@ +tinyMCE.addI18n('en.myemotions_dlg',{ +title:"Insert emotion", +desc:"Emotions", +cool:"Cool", +}); \ No newline at end of file Added: trunk/sandbox/samples/editor-sample/src/main/webapp/tiny-custom-plugins/myemotions/myemotions.htm =================================================================== --- trunk/sandbox/samples/editor-sample/src/main/webapp/tiny-custom-plugins/myemotions/myemotions.htm (rev 0) +++ trunk/sandbox/samples/editor-sample/src/main/webapp/tiny-custom-plugins/myemotions/myemotions.htm 2008-11-12 18:35:56 UTC (rev 11123) @@ -0,0 +1,17 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> +<head> + <title>{#myemotions_dlg.title}</title> + <script type="text/javascript" src="../../tiny_mce_popup.js"></script> + <script type="text/javascript" src="js/emotions.js"></script> + <base target="_self" /> +</head> +<body style="display: none"> + <div align="center"> + <div class="title">Custom Plugin: {#myemotions_dlg.title}:<br /><br /></div> + + <div style="padding:30px"> + <a href="javascript:MyEmotionsDialog.insert('smiley-cool.gif','myemotions_dlg.cool');"><img src="img/smiley-cool.gif" width="18" height="18" border="0" alt="{#myemotions_dlg.cool}" title="{#myemotions_dlg.cool}" /></a> </div> + </div> +</body> +</html> \ No newline at end of file Added: trunk/sandbox/samples/editor-sample/src/main/webapp/tiny_mce_popup.js =================================================================== --- trunk/sandbox/samples/editor-sample/src/main/webapp/tiny_mce_popup.js (rev 0) +++ trunk/sandbox/samples/editor-sample/src/main/webapp/tiny_mce_popup.js 2008-11-12 18:35:56 UTC (rev 11123) @@ -0,0 +1,294 @@ +// Some global instances +var tinymce = null, tinyMCEPopup, tinyMCE; + +tinyMCEPopup = { + init : function() { + var t = this, w, ti, li, q, i, it; + + li = ('' + document.location.search).replace(/^\?/, '').split('&'); + q = {}; + for (i=0; i<li.length; i++) { + it = li[i].split('='); + q[unescape(it[0])] = unescape(it[1]); + } + + if (q.mce_rdomain) + document.domain = q.mce_rdomain; + + // Find window & API + w = t.getWin(); + tinymce = w.tinymce; + tinyMCE = w.tinyMCE; + t.editor = tinymce.EditorManager.activeEditor; + t.params = t.editor.windowManager.params; + t.features = t.editor.windowManager.features; + + // Setup local DOM + t.dom = t.editor.windowManager.createInstance('tinymce.dom.DOMUtils', document); + + // Enables you to skip loading the default css + if (t.features.popup_css !== false) + t.dom.loadCSS(t.features.popup_css || t.editor.settings.popup_css); + + // Setup on init listeners + t.listeners = []; + t.onInit = { + add : function(f, s) { + t.listeners.push({func : f, scope : s}); + } + }; + + t.isWindow = !t.getWindowArg('mce_inline'); + t.id = t.getWindowArg('mce_window_id'); + t.editor.windowManager.onOpen.dispatch(t.editor.windowManager, window); + }, + + getWin : function() { + return window.dialogArguments || opener || parent || top; + }, + + getWindowArg : function(n, dv) { + var v = this.params[n]; + + return tinymce.is(v) ? v : dv; + }, + + getParam : function(n, dv) { + return this.editor.getParam(n, dv); + }, + + getLang : function(n, dv) { + return this.editor.getLang(n, dv); + }, + + execCommand : function(cmd, ui, val, a) { + a = a || {}; + a.skip_focus = 1; + + this.restoreSelection(); + return this.editor.execCommand(cmd, ui, val, a); + }, + + resizeToInnerSize : function() { + var t = this, n, b = document.body, vp = t.dom.getViewPort(window), dw, dh; + + dw = t.getWindowArg('mce_width') - vp.w; + dh = t.getWindowArg('mce_height') - vp.h; + + if (t.isWindow) + window.resizeBy(dw, dh); + else + t.editor.windowManager.resizeBy(dw, dh, t.id); + }, + + executeOnLoad : function(s) { + this.onInit.add(function() { + eval(s); + }); + }, + + storeSelection : function() { + this.editor.windowManager.bookmark = tinyMCEPopup.editor.selection.getBookmark('simple'); + }, + + restoreSelection : function() { + var t = tinyMCEPopup; + + if (!t.isWindow && tinymce.isIE) + t.editor.selection.moveToBookmark(t.editor.windowManager.bookmark); + }, + + requireLangPack : function() { + var u = this.getWindowArg('plugin_url') || this.getWindowArg('theme_url'); + + if (u && this.editor.settings.language) { + u += '/langs/' + this.editor.settings.language + '_dlg.js'; + + if (!tinymce.ScriptLoader.isDone(u)) { + document.write('<script type="text/javascript" src="' + tinymce._addVer(u) + '"></script>'); + tinymce.ScriptLoader.markDone(u); + } + } + }, + + pickColor : function(e, element_id) { + this.execCommand('mceColorPicker', true, { + color : document.getElementById(element_id).value, + func : function(c) { + document.getElementById(element_id).value = c; + + try { + document.getElementById(element_id).onchange(); + } catch (ex) { + // Try fire event, ignore errors + } + } + }); + }, + + openBrowser : function(element_id, type, option) { + tinyMCEPopup.restoreSelection(); + this.editor.execCallback('file_browser_callback', element_id, document.getElementById(element_id).value, type, window); + }, + + confirm : function(t, cb, s) { + this.editor.windowManager.confirm(t, cb, s, window); + }, + + alert : function(tx, cb, s) { + this.editor.windowManager.alert(tx, cb, s, window); + }, + + close : function() { + var t = this; + + // To avoid domain relaxing issue in Opera + function close() { + t.editor.windowManager.close(window); + tinymce = tinyMCE = t.editor = t.params = t.dom = t.dom.doc = null; // Cleanup + }; + + if (tinymce.isOpera) + t.getWin().setTimeout(close, 0); + else + close(); + }, + + // Internal functions + + _restoreSelection : function() { + var e = window.event.srcElement; + + if (e.nodeName == 'INPUT' && (e.type == 'submit' || e.type == 'button')) + tinyMCEPopup.restoreSelection(); + }, + +/* _restoreSelection : function() { + var e = window.event.srcElement; + + // If user focus a non text input or textarea + if ((e.nodeName != 'INPUT' && e.nodeName != 'TEXTAREA') || e.type != 'text') + tinyMCEPopup.restoreSelection(); + },*/ + + _onDOMLoaded : function() { + var t = this, ti = document.title, bm, h, nv; + + // Translate page + if (t.features.translate_i18n !== false) { + h = document.body.innerHTML; + + // Replace a=x with a="x" in IE + if (tinymce.isIE) + h = h.replace(/ (value|title|alt)=([^"][^\s>]+)/gi, ' $1="$2"') + + document.dir = t.editor.getParam('directionality',''); + + if ((nv = t.editor.translate(h)) && nv != h) + document.body.innerHTML = nv; + + if ((nv = t.editor.translate(ti)) && nv != ti) + document.title = ti = nv; + } + + document.body.style.display = ''; + + // Restore selection in IE when focus is placed on a non textarea or input element of the type text + if (tinymce.isIE) + document.attachEvent('onmouseup', tinyMCEPopup._restoreSelection); + + t.restoreSelection(); + t.resizeToInnerSize(); + + // Set inline title + if (!t.isWindow) + t.editor.windowManager.setTitle(window, ti); + else + window.focus(); + + if (!tinymce.isIE && !t.isWindow) { + tinymce.dom.Event._add(document, 'focus', function() { + t.editor.windowManager.focus(t.id) + }); + } + + // Patch for accessibility + tinymce.each(t.dom.select('select'), function(e) { + e.onkeydown = tinyMCEPopup._accessHandler; + }); + + // Call onInit + // Init must be called before focus so the selection won't get lost by the focus call + tinymce.each(t.listeners, function(o) { + o.func.call(o.scope, t.editor); + }); + + // Move focus to window + if (t.getWindowArg('mce_auto_focus', true)) { + window.focus(); + + // Focus element with mceFocus class + tinymce.each(document.forms, function(f) { + tinymce.each(f.elements, function(e) { + if (t.dom.hasClass(e, 'mceFocus') && !e.disabled) { + e.focus(); + return false; // Break loop + } + }); + }); + } + + document.onkeyup = tinyMCEPopup._closeWinKeyHandler; + }, + + _accessHandler : function(e) { + e = e || window.event; + + if (e.keyCode == 13 || e.keyCode == 32) { + e = e.target || e.srcElement; + + if (e.onchange) + e.onchange(); + + return tinymce.dom.Event.cancel(e); + } + }, + + _closeWinKeyHandler : function(e) { + e = e || window.event; + + if (e.keyCode == 27) + tinyMCEPopup.close(); + }, + + _wait : function() { + var t = this, ti; + + if (tinymce.isIE && document.location.protocol != 'https:') { + // Fake DOMContentLoaded on IE + document.write('<script id=__ie_onload defer src=\'javascript:""\';><\/script>'); + document.getElementById("__ie_onload").onreadystatechange = function() { + if (this.readyState == "complete") { + t._onDOMLoaded(); + document.getElementById("__ie_onload").onreadystatechange = null; // Prevent leak + } + }; + } else { + if (tinymce.isIE || tinymce.isWebKit) { + ti = setInterval(function() { + if (/loaded|complete/.test(document.readyState)) { + clearInterval(ti); + t._onDOMLoaded(); + } + }, 10); + } else { + window.addEventListener('DOMContentLoaded', function() { + t._onDOMLoaded(); + }, false); + } + } + } +}; + +tinyMCEPopup.init(); +tinyMCEPopup._wait(); // Wait for DOM Content Loaded