+++ /dev/null
-// This script allow to use several Epoz WYSIWYG fields.
-// Copyright (C) 2005 Benoît PIN <mailto:pin@cri.ensmp.fr>
-
-var IFramePrefix = "Iframe_";
-var IFramePrefixLength = IFramePrefix.length;
-var DocPrefix = "doc_";
-var DocPrefixLength = DocPrefix.length;
-var CheckBoxPrefix = "CB_";
-var CheckBoxPrefixLength = CheckBoxPrefix.length;
-var ToolBarPrefix = "ToolBar_";
-var ToolBarPrefixLength = ToolBarPrefix.length;
-
-
-function redirectEpoz(iframe) {
- if(EpozElement) {
- if (EpozElement == iframe)
- return;
- changeBorderStyle(EpozElement, "dashed");
- unwrapEpozVariables();
- }
-
- // update Epoz variables
- wrapEpozVariables(iframe);
-
- //cosmetic
- changeBorderStyle(EpozElement, "solid");
- EpozElement.contentWindow.focus();
-}
-
-
-function wrapEpozVariables(iframe) {
- try {
- fieldId = iframe.contentWindow.document.id.slice(DocPrefixLength);
- }
- catch (e) {
- // maybe not an epoz iframe
- return false;
- }
-
- iframe.id = Epoz ;
- EpozElement=iframe;
- EpozTextArea = document.getElementById(fieldId);
- toolBar = document.getElementById(ToolBarPrefix + fieldId);
- toolBar.id = "EpozToolbar";
- checkBox = document.getElementById(CheckBoxPrefix + fieldId);
- checkBox.id = "EpozViewMode";
- return true;
-}
-
-
-function unwrapEpozVariables() {
- if (!EpozElement) // no redirection happens yet.
- return;
- fieldId = EpozElement.contentWindow.document.id.slice(DocPrefixLength);
-
- EpozElement.id = IFramePrefix + fieldId;
- toolBar = document.getElementById("EpozToolbar");
- toolBar.id = ToolBarPrefix + fieldId;
- checkBox = document.getElementById("EpozViewMode");
- checkBox.id = CheckBoxPrefix + fieldId;
-}
-
-
-
-// Initialization functions
-
-if (!formDatas) {
- var formDatas = new Array();
-}
-
-function InitIframe(name, data, path, toolbox, style, button, css, customcss, charset, pageurl) {
- form_name = name;
- form_data = data;
- form_path = path;
- form_toolbox = toolbox;
- form_area_style = style;
- form_button_style = button;
- form_css = css;
- form_customcss = customcss;
- form_charset = charset;
- form_pageurl = pageurl;
-
- var richText;
-
- if (browser.isIE55 || browser.isIE6up) {
- // Mac-IE doesn't support RichText-Edit at the moment
- if (browser.isMac) {
- CreateTextarea();
- richText = false;
- } else {
- CreateEpoz();
- richText = true;
- }
- }
- else if (browser.isGecko) {
- //check to see if midas is enabled
- try {
- // Just a few cleanups for Mozilla
-
- form_data = form_data.replace(/<strong>/ig,'<b>');
- form_data = form_data.replace(/<strong(\s[^>]*)>/ig,'<b$1>');
- form_data = form_data.replace(/<\/strong>/ig,'</b>');
-
- form_data = form_data.replace(/<em>/ig,'<i>');
- form_data = form_data.replace(/<em(\s[^>]*)>/ig,'<i$1>');
- form_data = form_data.replace(/<\/em>/ig,'</i>');
-
- CreateEpoz();
- richText = true;
- } catch (e) {
- CreateTextarea();
- richText = false;
- }
- }
- else {
- CreateTextarea();
- richText = false;
- }
-
- if (richText) {
- // change iframe id
- formDatas[name] = form_data;
- var iframe = document.getElementById(Epoz);
- iframe.id = IFramePrefix + name;
-
- // change EpozToolbar id
- var toolBar = document.getElementById("EpozToolbar");
- toolBar.id = ToolBarPrefix + name;
-
- // Retrieve the switch HTML mode checkbox and change id and onclick function.
- nodes = iframe.parentNode.nextSibling.nextSibling.childNodes;
- var i;
- for (i=0 ; i<nodes.length ; i++ ) {
- if (nodes[i].nodeType == 1 && nodes[i].nodeName == 'INPUT')
- break;
- }
- var checkbox = nodes[i];
- checkbox.id = CheckBoxPrefix + name;
-
- changeBorderStyle(iframe, "dashed");
- }
-}
-
-
-
-function HandleEpozRedirect() {
- if (browser.isIE55 || browser.isIE6up) {
- iframe = event.srcElement;
- }
- else if (browser.isGecko) {
- iframe = this;
- }
- redirectEpoz(iframe);
-}
-
-function redirectAndSwitchViewMode(checkbox) {
- if (checkbox.id != "EpozViewMode") { // Otherwise, EpozElement already targets the good field.
- var iframe = document.getElementById(IFramePrefix + checkbox.id.slice(CheckBoxPrefixLength));
- redirectEpoz(iframe);
- }
- SwitchViewMode(checkbox.checked);
-}
-
-
-// cosmetics
-function changeBorderStyle(ob, borderStyle) {
- s = ob.style;
- s.borderBottomStyle = borderStyle;
- s.borderLeftStyle = borderStyle;
- s.borderRightStyle = borderStyle;
- s.borderTopStyle = borderStyle;
-}
-
-// « overloads »
-
-function InitDocument(iframe) {
- fieldId = iframe.id.slice(IFramePrefixLength);
- var data = formDatas[fieldId];
- delete formDatas[fieldId];
- ta = document.getElementById(fieldId);
- iframe.contentWindow.document.body.innerHTML = data;
- ta.value = data;
- iframe.contentWindow.document.id = DocPrefix + fieldId;
- addListener(iframe, "click", HandleEpozRedirect);
- form = retrieveForm(ta);
- form.onsubmit=SyncEpoz;
- if (browser.isGecko) {
- scriptExpr = 'EnableDesignMode("' + iframe.id + '");';
- window.setTimeout(scriptExpr, 10);
- }
-}
-
-
-function SyncEpoz() {
- if (document.getElementsByTagName)
- var iframes = document.getElementsByTagName("IFRAME");
- else if (document.all)
- var iframes = document.all.tags("IFRAME");
-
-
- for (var i=0;i<iframes.length;i++) {
-
- unwrapEpozVariables();
- if(!wrapEpozVariables(iframes[i]))
- continue;
-
- var html = TidyHTML(GetHTML());
-
- // strip trailing whitespace
- html = (html.replace(/^\s*/,'')).replace(/\s*$/,'');
-
- // remove single br left by Firefox / Mozilla
- if (html=="<br />" || html=="<br>" || html=="<p></p>") {
- html = "";
- }
- form_name = EpozElement.contentWindow.document.id.slice(DocPrefixLength);
- document.getElementById(form_name).value = html;
- }
-
-}
-
-function EnableDesignMode(iframeId) {
- iframe = document.getElementById(iframeId);
- try {
- iframe.contentDocument.designMode = "on";
- iframe.contentWindow.document.addEventListener("keypress", HandleKeyboardEvent, true);
- } catch (e) {
- scriptExpr = 'EnableDesignMode("' + iframeId + '");';
- setTimeout(scriptExpr, 10);
- }
-}
-
-
-
-//utils
-
-function retrieveForm(baseOb){
- var pn = baseOb.parentNode;
-
- while (pn != document) {
- if (pn.nodeName == 'FORM')
- break;
- else {
- pn = pn.parentNode;
- }
- }
- return pn;
-}
-
-
-function addListener(ob, eventName, functionReference){
- if (browser.isIE55 || browser.isIE6up) {
- eventName = "on" + eventName;
- ob.attachEvent(eventName, functionReference);
- }
- else if (browser.isGecko) {
- ob.addEventListener(eventName, functionReference, false);
- }
-
-}
\ No newline at end of file
projects / Epoz.git / blobdiff
