check-in 3.4.6 (without moxieplayer due to a content-spoofing vulnerability)
New file |
| | |
| | | Version 3.4.6 (2011-09-29) |
| | | Added support in Media plugin for audio media using the embed tag |
| | | Fixed accessibility bugs in WebKit and IE8 where toolbar items were not being read. |
| | | Added new use_accessible_selects option to ensure accessible list boxes are used in all browsers (custom widget in firefox native on other browsers) |
| | | Fixed bug where classid attribute was not being checked from embed objects. |
| | | Fixed bug in jsrobot tests with intermittently failing. |
| | | Fixed bug where anchors wasn't updated properly if you edited them using IE 8. |
| | | Fixed bug where input method on WebKit on Mac OS X would fail to initialize when sometimes focusing the editor. |
| | | Fixed bug where it wasn't possible to select HR elements on WebKit by simply clicking on them. |
| | | Fixed bug where the media plugin wouldn't work on IE9 when not using the inlinepopups plugin. |
| | | Fixed bug where hspace,vspace,align and bgcolor would be removed from object elements in the media plugin. |
| | | Fixed bug where the new youtube format wouldn't be properly parsed by the media plugin. |
| | | Fixed bug where the style attribute of layers wasn't properly updated on IE and Gecko. |
| | | Fixed bug where editing contents in a layer would fail on Gecko since contentEditable doesn't inherit properly. |
| | | Fixed bug where IE 6/7 would produce JS errors when serializing contents containing layers. |
| | | Version 3.4.5 (2011-09-06) |
| | | Fixed accessibility bug in WebKit where the right and left arrow keys would update native list boxes. |
| | | Added new whitespace_elements option to enable users to specify specific elements where the whitespace is preserved. |
| | | Added new merge_siblings option to formats. This option makes it possible to disable the auto merging of siblings when applying formats. |
| | | Fixed bug in IE where trailing comma in paste plugin would cause plugin to not run correctly. |
| | | Fixed bug in WebKit where console messages would be logged when deleting an empty document. |
| | | Fixed bug in IE8 where caret positioned is on list item instead of paragraph when outdent splits the list |
| | | Fixed bug with image dialogs not inserting an image if id was omitted from valid_elements. |
| | | Fixed bug where the selection normalization logic wouldn't properly handle image elements in specific config cases. |
| | | Fixed bug where the map elements coords attribute would be messed up by IE when serializing the DOM. |
| | | Fixed bug where IE wouldn't properly handle custom elements when the contents was serialized. |
| | | Fixed bug where you couldn't move the caret in Gecko if you focused the editor using the API or a UI control. |
| | | Fixed bug where adjacent links would get merged on IE due to bugs in their link command. |
| | | Fixed bug where the color split buttons would loose the selection on IE if the editor was placed in a frame/iframe. |
| | | Fixed bug where floated images in WebKit wouldn't get properly linked. |
| | | Fixed bug where the fullscreen mode in a separate window wasn't forced into IE9+ standards mode. |
| | | Fixed bug where pressing enter in an empty editor on WebKit could produce DIV elements instead of P. |
| | | Fixed bug where spans would get removed incorrectly when merging two blocks on backspace/delete on WebKit. |
| | | Fixed bug where the editor contents wouldn't be completely removed on backspace/delete on WebKit. |
| | | Fixed bug where the fullpage plugin wouldn't properly render style elements in the head on IE 6/7. |
| | | Fixed bug where the nonbreaking_force_tab option in the nonbreaking plugin wouldn't work on Gecko/WebKit. |
| | | Fixed bug where the isDirty state would become true on non IE browsers if there was an table at the end of the contents. |
| | | Fixed bug where entities wasn't properly encoded on WebKit when pasting text as plain text. |
| | | Fixed bug where empty editors would produce an exception of valid_elements didn't include body and forced_root_blocks where disabled. |
| | | Fixed bug where the fullscreen mode wouldn't retain the header/footer in the fullpage plugin. |
| | | Fixed issue where the plaintext_mode and plaintext_mode_sticky language keys where swapped. |
| | | Version 3.4.4 (2011-08-04) |
| | | Added new html5 audio support. Patch contributed by Ronald M. Clifford. |
| | | Added mute option for video elements and preload options for video/audio patch contributed by Dmitry Kalinkin. |
| | | Fixed selection to match visual selection before applying formatting changes. |
| | | Fixed browser specific bugs in lists for WebKit and IE. |
| | | Fixed bug where IE would scroll the window if you closed an inline dialog that was larger than the viewport. Patch by Laurence Keijmel. |
| | | Fixed bug where pasting contents near a span element could remove parts of that span. Patch contributed by Wesley Walser. |
| | | Fixed bug where formatting change would be lost after pressing enter. |
| | | Fixed bug in WebKit where deleting across blocks would add extra styles. |
| | | Fixed bug where moving cursor vertically in tables in WebKit wasn't working. |
| | | Fixed bug in IE where deleting would cause error in console. |
| | | Fixed bug where the formatter was not applying formats across list elements. |
| | | Fixed bug where the wordcount plugin would try and update the wordcount if tinymce had been destroyed. |
| | | Fixed bug where tabfocus plugin would attempt to focus elements not displayed when their parent element was hidden. |
| | | Fixed bug where the contentEditable state would sometimes be removed if you deleted contents in Gecko. |
| | | Fixed bug where inserting contents using mceInsertContent would fail if "span" was disabled in valid_elements. |
| | | Fixed bug where initialization might fail if some resource on gecko wouldn't load properly and fire the onload event. |
| | | Fixed bug where ctrl+7/8/9 keys wouldn't properly add the specific formats associated with them. |
| | | Fixed bug where the HTML tags wasn't properly closed in the style plugins properties dialog. |
| | | Fixed bug where the list plugin would produce an exception if the user tried to delete an element at the very first location. |
| | | Version 3.4.3.2 (2011-06-30) |
| | | Fixed bug where deleting all of a paragraph inside a table cell would behave badly in webkit. |
| | | Fixed bugs in tests in firefox5 and WebKit. |
| | | Fixed bug where selection of table cells would produce an exception on Gecko. |
| | | Fixed bug where the caret wasn't properly rendered on Gecko when the editor was hidden. |
| | | Fixed bug where pasting plain text into WebKit would produce a pre element it will now produce more semantic markup. |
| | | Fixed bug where selecting list type formats using the advlist plugin on IE8 would loose editor selection. |
| | | Fixed bug where forced root blocks logic wouldn't properly pad elements created if they contained data attributes. |
| | | Fixed bug where it would remove all contents of the editor if you inserted an image when not having a caret in the document. |
| | | Fixed bug where the YUI compressor wouldn't properly encode strings with only a quote in them. |
| | | Fixed bug where WebKit on iOS5 wouldn't call nodeChanged when the selection was changed. |
| | | Fixed bug where mceFocus command wouldn't work properly on Gecko since it didn't focus the body element. |
| | | Fixed performance issue with the noneditable plugin where it would enable/disable controls to often. |
| | | Version 3.4.3.1 (2011-06-16) |
| | | Fixed bug where listboxes were not being handled correctly by JAWS in firefox with the o2k7 skin. |
| | | Fixed bug where custom buttons were not being rendered correctly when in high contrast mode. |
| | | Added support for iOS 5 that now supporting contentEditable in it's latest beta. |
| | | Fixed bug where urls in style attributes with a _ character followed by a number would cause incorrect output. |
| | | Fixed bug where custom_elements option wasn't working properly on IE browsers. |
| | | Fixed bug where custom_elements marked as block elements wouldn't get correctly treated as block elements. |
| | | Fixed bug where attributes with </> wasn't properly encoded as XML entities. |
| | | Version 3.4.3 (2011-06-09) |
| | | Fixed bug where deleting backwards before an image into a list would put the cursor in the wrong location. |
| | | Fixed bug where styles plugin would not apply styles across multiple selected block elements correctly. |
| | | Fixed bug where cursor would jump to start of document when selection contained empty table cells in IE8. |
| | | Fixed bug where applied styles wouldn't be kept if you pressed enter twice to produce two paragraphs. |
| | | Fixed bug where a ghost like caret would appear on Gecko when pressing enter while having a text color applied. |
| | | Fixed bug where IE would produce absolute urls if you inserted a image/link and reloaded the page. |
| | | Fixed bug where applying a heading style to a list item would cascade style to children list items. |
| | | Fixed bug where Editor loses focus when backspacing and changing styles in WebKit. |
| | | Fixed bug where exception was thrown in tinymce.util.URI when parsing a relative URI and no base_uri setting was provided. |
| | | Fixed bug where alt-f10 was not always giving focus to the toolbar on Safari. |
| | | Added new 'allow_html_in_named_anchor' option to allow html to occur within a named anchor tag. Use at own risk. |
| | | Added plugin dependency support. Will autoload plugins specified as a dependency if they haven't been loaded. |
| | | Fixed bug where the autolink plugin didn't work with non-English keyboards when pressing ). |
| | | Added possibility to change properties of all table cells in a column. |
| | | Added external_image_list option to get images list from user-defined variable or function. |
| | | Fixed bug where the autoresize plugin wouldn't reduce the editors height on Chrome. |
| | | Fixed bug where table size inputs were to small for values with size units. |
| | | Fixed bug where table cell/row size input values were not validated. |
| | | Fixed bug where menu item line-height would be set to wrong value by external styles. |
| | | Fixed bug where hasUndo() would return wrong answer. |
| | | Fixed bug where page title would be set to undefined by fullpage plugin. |
| | | Fixed bug where HTML5 video properties were not updated in embedded media settings. |
| | | Fixed bug where HTML comment on the first line would cause an error. |
| | | Fixed bug where spellchecker menu was positioned incorrectly on IE. |
| | | Fixed bug where breaking out of list elements on WebKit would produce a DIV instead of P after the list. |
| | | Fixed bug where pasting from Word in IE9 would add extra BR elements when text was word wrapped. |
| | | Fixed bug where numeric entities with leading zeros would produce incorrect decoding. |
| | | Fixed bug where hexadecimal entities wasn't properly decoded. |
| | | Fixed bug where bookmarks wasn't properly stored/restored on undo/redo. |
| | | Fixed bug where the mceInsertCommand didn't retain the values of links if they contained non url contents. |
| | | Fixed bug where the valid_styles option wouldn't be properly used on styles for specific elements. |
| | | Fixed so contentEditable is used for the body of the editor if it's supported. |
| | | Fixed so trailing BR elements gets removed even when forced_root_blocks option was set to false/null. |
| | | Fixed performance issue with mceInsertCommand and inserting very simple contents. |
| | | Fixed performance issue with older IE version and huge documents by optimizing the forced root blocks logic. |
| | | Fixed performance issue with table plugin where it checked for selected cells to often. |
| | | Fixed bug where creating a link on centered/floated image would produce an error on WebKit browsers. |
| | | Fixed bug where Gecko would remove single paragraphs if there where contents before/after it. |
| | | Fixed bug where the scrollbar would move up/down when pasting contents using the paste plugin. |
| | | Version 3.4.2 (2011-04-07) |
| | | Added new 'paste_text_sticky_default' option to paste plugin, enables you to set the default state for paste as plain text. |
| | | Added new autoresize_bottom_margin option to autoresize plugin that enables you to add an extra margin at the bottom. Patch contributed by Andrew Ozz. |
| | | Rewritten the fullpage plugin to handle style contents better and have a more normalized behavior across browsers. |
| | | Fixed bug where contents inserted with mceInsertContent wasn't parsed using the default dom parser. |
| | | Fixed bug where blocks containing a single anchor element would be treated as empty. |
| | | Fixed bug where merging of table cells on IE 6, 7 wouldn't look correctly until the contents was refreshed. |
| | | Fixed bug where context menu wouldn't work properly on Safari since it was passing out the ctrl key as pressed. |
| | | Fixed bug where image border color/style values were overwritten by advimage plugin. |
| | | Fixed bug where setting border in advimage plugin would throw error in IE. |
| | | Fixed bug where empty anchors list in link settings wasn't hidden. |
| | | Fixed bug where xhtmlextras popups were missing localized popup-size parameters. |
| | | Fixed bug where the context menu wouldn't select images on WebKit browsers. |
| | | Fixed bug where paste plugin wouldn't properly extract the contents on WebKit due to recent changes in browser behavior. |
| | | Fixed bug where focus of the editor would get on control contents on IE lost due to a bug in the ColorSplitButton control. |
| | | Fixed bug where contextmenu wasn't disabled on noneditable elements. |
| | | Fixed bug where getStyle function would trigger error when called on element without style property. |
| | | Fixed bug where editor fail to load if Javascript Compressor was used. |
| | | Fixed bug where list-style-type=lower-greek would produce errors in IE<8. |
| | | Fixed bug where spellchecker plugin would produce errors on IE6-7. |
| | | Fixed bug where theme_advanced_containers configuration option causes error. |
| | | Fixed bug where the mceReplaceContent command would produce an error since it didn't correctly handle a return value. |
| | | Fixed bug where you couldn't enter float point values for em in dialog input fields since it wouldn't be considered a valid size. |
| | | Fixed bug in xhtmlxtras plugin where it wasn't possible to remove some attributes in the attributes dialog. |
| | | Version 3.4.1 (2011-03-24) |
| | | Added significantly improved list handling via the new 'lists' plugin. |
| | | Added 'autolink' plugin to enable automatically linking URLs. Similar to the behavior IE has by default. |
| | | Added 'theme_advanced_show_current_color' setting to enable the forecolor and backcolor buttons to continuously show the current text color. |
| | | Added 'contextmenu_never_use_native' setting to disable the ctrl-right-click showing the native browser context menu behaviour. |
| | | Added 'paste_enable_default_filters' setting to enable the default paste filters to be disabled. |
| | | Fixed bug where selection locations on undo/redo didn't work correctly on specific contents. |
| | | Fixed bug where an exception would be trown on IE when loading TinyMCE inside an iframe. |
| | | Fixed bug where some ascii numeric entities wasn't properly decoded. |
| | | Fixed bug where some non western language codes wasn't properly decoded/encoded. |
| | | Fixed bug where undo levels wasn't created when deleting contents on IE. |
| | | Fixed bug where the initial undo levels bookmark wasn't updated correctly. |
| | | Fixed bug where search/replace wouldn't be scoped to editor instances on IE8. |
| | | Fixed bug where IE9 would produce two br elements after block elements when pasting. |
| | | Fixed bug where IE would place the caret at an incorrect position after a paste operation. |
| | | Fixed bug where a paste operation using the keyboard would add an extra undo level. |
| | | Fixed bug where some attributes/elements wasn't correctly filtered when invalid contents was inserted. |
| | | Fixed bug where the table plugin couldn't correctly handle invalid table structures. |
| | | Fixed bug where charset and title of the page were handled incorrectly by the fullpage plugin. |
| | | Fixed bug where toggle states on some of the list boxes didn't update correctly. |
| | | Fixed bug where sub/sub wouldn't work correctly when done as a caret action in Chrome 10. |
| | | Fixed bug where the constrain proportions checkbox wouldn't work in the media plugin. |
| | | Fixed bug where block elements containing trailing br elements wouldn't treated properly if they where invalid. |
| | | Fixed bug where the color picker dialog wouldn't be rendered correctly when using the o2k7 theme. |
| | | Fixed bug where setting border=0 using advimage plugin invalid style attribute content was created in Chrome. |
| | | Fixed bug with references to non-existing images in css of fullpage plugin. |
| | | Fixed bug where item could be unselected in spellchecker's language selector. |
| | | Fixed bug where some mispelled words could be not highlighted using spellchecker plugin. |
| | | Fixed bug where spellchecking would merge some words on IE. |
| | | Fixed bug where spellchecker context menu was not always positioned correctly. |
| | | Fixed bug with empty anchors list in advlink popup when Invisible Elements feature was disabled. |
| | | Fixed bug where older IE versions wouldn't properly handle some elements if they where placed at the top of editor contents. |
| | | Fixed bug where selecting the whole table would enable table tools for cells and rows. |
| | | Fixed bug where it wasn't possible to replace selected contents on IE when pasting using the paste plugin. |
| | | Fixed bug where setting text color in fullpage plugin doesn't work. |
| | | Fixed bug where the state of checkboxes in media plugin wouldn't be set correctly. |
| | | Fixed bug where black spade suit character was not included in special character selector. |
| | | Fixed bug where setting invalid values for table cell size would throw an error in IE. |
| | | Fixed bug where spellchecking would remove whitespace characters from PRE block in IE. |
| | | Fixed bug where HR was inserted inside P elements instead of splitting them. |
| | | Fixed bug where extra, empty span tags were added when using a format with both selector and inline modes. |
| | | Fixed bug where bullet lists weren't always detected correctly. |
| | | Fixed bug where deleting some paragraphs on IE would cause an exception. |
| | | Fixed bug where the json encoder logic wouldn't properly encode \ characters. |
| | | Fixed bug where the onChange event would be fired when the editor was first initialized. |
| | | Fixed bug where mceSelected wouldn't be removed properly from output even if it's an internal class. |
| | | Fixed issue with table background colors not being transparent. This improves compliance with users browser color preferences. |
| | | Fixed issue where styles were not included when using the full page plugin. |
| | | Fixed issue where drag/drop operations wasn't properly added to the undo levels. |
| | | Fixed issue where colors wasn't correctly applied to elements with underline decoration. |
| | | Fixed issue where deleting some paragraphs on IE would cause an exception. |
| | | Version 3.4 (2011-03-10) |
| | | Added accessibility example with various accessibility options contributed by Ephox. |
| | | Fixed bug where attributes wasn't properly handled in the xhtmlxtras plugin. |
| | | Fixed bug where the image.htm had some strange td artifacts probably due to auto merging. |
| | | Fixed bug where the ToolbarGroup had an missing reference to this in it's destroy method. |
| | | Fixed bug with the resizeBy function in the advanced theme where it was scaled by the wrong parent. |
| | | Fixed bug where an exception would be thrown by the element if the page was served in xhtml mode. |
| | | Fixed bug where mceInsertContent would throw an exception when page was served in xhtml mode. |
| | | Fixed bug where you couldn't select a forground/background color when page was served in xhtml mode. |
| | | Fixed bug where the editor would scroll to the toolbar when clicked due to a call to focus in ListBox. |
| | | Fixed bug where pages with rtl dir wouldn't render split buttons correctly when using the o2k7 theme. |
| | | Fixed bug where anchor elements with names wasn't properly collapsed as they where in 3.3.x. |
| | | Fixed bug where WebKit wouldn't properly handle image selection if it was done left to right. |
| | | Fixed bug where the formatter would align images when the selection range was collapsed. |
| | | Fixed bug where the image button would be active when the selection range was collapsed. |
| | | Fixed bug where the element_format option wasn't used by the new (X)HTML serializer logic. |
| | | Fixed bug where the table cell/row dialogs would produce empty attributes. |
| | | Fixed bug where the tfoot wouldn't be added to the top of the table. |
| | | Fixed bug where the formatter would merge siblings with white space between them. |
| | | Fixed bug where pasting headers and paragraphs would produce an extra paragraph. |
| | | Fixed bug where the ColorSplitButton would throw an exception if you clicked out side a color. |
| | | Fixed bug where IE9 wouldn't properly produce new paragraphs on enter if the current paragraph had formatting. |
| | | Fixed bug where multiple BR elements at end of block elements where removed. |
| | | Fixed bug where fullscreen plugin wouldn't correctly display the edit area on IE6 for long pages. |
| | | Fixed bug where paste plugin wouldn't properly encode raw entities when pasting in plain text mode. |
| | | Fixed bug where the search/replace plugin wouldn't work correctly on IE 9. |
| | | Fixed so the drop menus doesn't get an outline border visible when focused, patch contributed by Ephox. |
| | | Fixed so the values entered in the color picker are forced to hex values. |
| | | Removed dialog workaround for IE 9 beta since the RC is now out and people should upgrade. |
| | | Removed obsolete calls in various plugins to the mceBeginUndoLevel command. |
| | | Version 3.4b3 (2011-02-10) |
| | | Added WAI-ARIA support for the main UI and dialogs this feature was contributed by Ephox. |
| | | Added iframe support to media plugin in order to handle the new YouTube HTML5 video formats. |
| | | Fixed bug where anchors would wrap the text contents after it due to a bug in the DomParser logic. |
| | | Fixed bug where the selected state wouldn't be removed on ListBox controls when a menu item was selected. |
| | | Fixed bug where IE could throw an unspecified error exception when the getBookmark logic was executed. |
| | | Fixed bug where IE would throw an invalid argument error when focus was applied to an empty editor instance. |
| | | Fixed bug where applying inline format wouldn't work if the start cell in the selection was empty. |
| | | Fixed bug where auto detection logic for YouTube and Google Video wouldn't work in the new media plugin. |
| | | Fixed bug where td elements would get a colspan/rowspan of 1 when created by the table plugin. |
| | | Fixed bug where removal/padding of empty elements wasn't handled correctly. |
| | | Fixed bug where internal elements would show up in element path. |
| | | Fixed bug where internal elements would get serialized as valid output. |
| | | Fixed bug where color wasn't correctly applied to anchor elements. |
| | | Fixed bug where float option in the style plugin dialog wouldn't be handled correctly on WebKit. |
| | | Fixed bug where the tinymce.dom.TreeWalker prev function wouldn't walk the DOM correctly. |
| | | Fixed bug where mceInsertContent command could produce empty block elements after the inserted content. |
| | | Fixed bug where mceInsertContent command wouldn't apply visual aids on tables and similar elements. |
| | | Fixed bug where empty block elements would get double br bogus elements in them. |
| | | Fixed bug where the color menu wouldn't apply the color correctly on IE when the viewport was to small. |
| | | Fixed bug where right clicking out side the body element of the editor iframe would prevent paste from working on IE. |
| | | Fixed bug where the onContextMenu event wouldn't fire correctly on IE if you clicked out side the body element. |
| | | Fixed bug where the onContextMenu event wouldn't fire correctly on modern Opera versions that now support it by default. |
| | | Fixed bug where legacy content wasn't converted correctly when inserted using mceInsertContent or through the source dialog. |
| | | Fixed bug where resizing images or tables wouldn't update the style attribute correctly or leave data-mce prefixed attributes. |
| | | Fixed bug where adding links wouldn't work correctly when using TinyMCE jQuery version with jQuery 1.5. |
| | | Fixed bug where single quotes inside param elements wasn't treated correctly by the media plugin. |
| | | Fixed bug where pasting plain text in WebKit wouldn't work correctly. It will now auto detect the WebKit bug and use plain text mode. |
| | | Fixed bug where the DomParser would fail to move out invalid elements within invalid elements on complex contents. |
| | | Fixed bug where paste as plain text would not decode html entities properly. |
| | | Fixed bug where large paragraphs would cause incorrect scrolling behavior if you would split them using enter. |
| | | Fixed bug where the SaxParser wouldn't properly parse some specific short ended elements. |
| | | Fixed so mceReplaceContent supports caret position and makes sure that the contents inserted gets validated. |
| | | Fixed so unnecessary traling br elements in blocks gets removed on Gecko/WebKit when using mceInsertContent command. |
| | | Moved some plugin css contents into the skin content css files to reduce the number of http requests. |
| | | Moved some plugin specific images into the theme img directory since they can then be shared. |
| | | Version 3.4b2 (2011-01-13) |
| | | Added new custom flash player, this player supports mp4 and flv and has skin support. |
| | | Fixed so mceInsertContent handles context correctly to enforce valid nesting of elements. |
| | | Fixed bug where scrolling would become jerky on IE on some contents. |
| | | Fixed bug where paste as plain text would throw exception of missing entities setting. |
| | | Fixed bug where anchor nodes where removed by the new serializer engine. |
| | | Fixed bug where IE would crash if when backspace where used on some specific contents. |
| | | Fixed bug where pasting of plain text in WebKit would result in merging of text lines. |
| | | Fixed bug where it wasn't possible to delete images or tables using backspace on IE9. |
| | | Fixed bug where urls in styles would generate a JS error due to incorrect scope. |
| | | Fixed bug where copy paste from Java applications would produce extra contents in FF on Mac. |
| | | Fixed bug where the verify_html option wouldn't allow all elements and attributes. |
| | | Version 3.4b1 (2010-12-20) |
| | | Added new serialization engine that increases performance and enforces valid output according to the specified schema settings. |
| | | Added new HTML parser logic used by the serialization engine and can handle malformed html contents. |
| | | Added new valid_children config option, enables more fine grain control of elements can be inside other elements. |
| | | Added new entities encoding logic boost performance and will only encode entities based on context i.e. attributes/text nodes. |
| | | Added new protect setting that enables users to protect template items from being removed by the serializer logic. |
| | | Added new {$caret} marker for the mceInsertContent command. Makes it possible to move the caret to a specific position when inserting contents. |
| | | Added new validation of anchor names. Only valid W3C names will be accepted. |
| | | Replaced the internal _mce_ prefixed attributes to the more standard HTML5 data-mce- prefix. This will also resolve future browser santiaztion issues. |
| | | Fixed bug where the paste plugin wouldn't convert Word lists with more than 9 items to real ol lists. Patch contributed by Mike (yogaboy). |
| | | Fixed bug where clicking on a format title would produce errors if the current selection didn't have any formats. |
| | | Fixed bug where paste of simple texts wouldn't work correctly in Gecko using the paste plugin since it keeps block formatting. |
| | | Fixed bug where confirm dialogs didn't display correctly due to resent IE9 fixes. |
| | | Fixed bug where spaces in URLs wouldn't be properly encoded to %20 if the user entered them in the link dialogs. Patch contributed by Ephox. |
| | | Fixed bug where the image alignment buttons wouldn't reposition the resize handles on FF due to a browser issue. Patch contributed by Ephox. |
| | | Fixed bug where the compareBoundaryPoints method of the IE Range class didn't work correctly. Patch contributed by Ephox. |
| | | Fixed bug where selection of elements using double click wouldn't select the clicked element but rather the parent node on FF. Patch contributed by Ephox. |
| | | Fixed bug where IE would scroll the user to the current selection causing parent document to scroll as well. Patch contributed by Ephox. |
| | | Fixed bug where style compression would incorrectly compress items with different values. It now only compresses if the values are the same. Patch contributed by Ephox. |
| | | Fixed bug where FF would add non breaking spaces outside TD elements if formatting was applied to table cells. Patch contributed by Ephox. |
| | | Fixed bug where the caret position would be lost on WebKit browsers if you pasted images multiple times. Patch contributed by Ephox. |
| | | Fixed bug where non word contents like * would be counted as words in the wordcount pluging. Patch contributed by David Balatero. |
| | | Fixed bug where the toggle absolute button in the layer plugin wouldn't remove the existing internal style attribute first. |
| | | Fixed bug where the autosave plugin would generate an exception on IE if the user had disabled userdata persistence. |
| | | Fixed bug where the paste plugin would remove dashed classes on IE since the regexps didn't include that character. |
| | | Fixed bug where applying text color would not add spans inside link elements. This is needed due to CSS style inheritance. |
| | | Fixed bug where applying block formats to empty elements wouldn't render correctly on IE. |
| | | Fixed bug where the searchreplace plugin would add a f or r character when shortcuts where used on IE while using default dialogs. |
| | | Fixed bug where Opera wouldn't load scripts correctly since the onreadystate would fire even though the script wasn't loaded. |
| | | Fixed issue where wouldn't be handled correctly in the bbcode plugin if entity_encoding was set to raw. |
| | | Fixed issue where contents would flicker since the content css files where asynchronously loaded. |
| | | Fixed bug where WebKit wouldn't create links on images with a float style. |
| | | Version 3.3.9.3 (2010-12-20) |
| | | Fixed issue where WebKit wouldn't correctly apply ins/del in xhtmlxtras plugin. |
| | | Fixed bug where paste as plaintext on WebKit wouldn't produce br and p elements correctly. |
| | | Fixed bug where the confirm dialog texts would be incorrectly placed due to recent IE 9 workarounds in the window.css. |
| | | Fixed bug where applying text color would not add spans inside link elements. This is needed due to CSS style inheritance. |
| | | Version 3.3.9.2 (2010-09-29) |
| | | Fixed bug where placing the caret in IE 9 beta 1 would not work correctly if you clicked out side the document body element. |
| | | Fixed bug where IE 9 beta 1 wouldn't resize the editor correctly since the events didn't fire as previous versions did. |
| | | Fixed bug where FF would produce an error message when being rendered inside a hidden div element. |
| | | Fixed bug where resize logic could produce a cookie with a width/height less than the size of the container. |
| | | Fixed bug where content_css wouldn't populate the styles dropdown correctly. |
| | | Version 3.3.9.1 (2010-09-23) |
| | | Fixed bug where WebKit browsers wouldn't activate the image button when images where selected. |
| | | Fixed bug where Opera Presto 10.60 deletes elements when restoring bookmarks. |
| | | Fixed bug where IE9 beta1 doesn't handle regexp replacement values correctly. |
| | | Fixed bug where IE9 beta1 didn't render the inline dialogs correctly due to a bug with CSS clip. |
| | | Fixed bug where IE9 beta1 would produce error messages on load since they removed the document.recalc method. |
| | | Fixed bug where IE9 beta1 would produce <html xmlns=""> since they haven't implemented document.implementation.createDocument correctly. |
| | | Fixed bug where IE9 beta1 would searchreplace doesn't work since their native DOM Range doesn't have a find method. |
| | | Fixed bug where IE9 beta1 would render the source view incorrectly due to incorrect viewport size measurements. |
| | | Fixed bug where IE9 beta1 would crash when running the basic functionality unit tests. |
| | | Fixed bug where IE9 beta1 would wrap elements in blocks correctly due to changes to the selection object. |
| | | Fixed bug where IE9 beta1 would fail to insert contents since they havn't implemented the createContextualFragment method in their DOM Range. |
| | | Fixed bug where IE9 beta1 would fail to handle image selection since they currently doesn't support control selections in their DOM Range. |
| | | Fixed bug where IE9 beta1 would fail to load scripts since they fire the onload event before the scripts are parsed and executed. |
| | | Version 3.3.9 (2010-09-08) |
| | | Fixed bug where inserting table rows into a table with subtable would produce an incorrect column count. |
| | | Fixed bug where the selection of cells in a table with subtables could produce invalid selections. |
| | | Fixed bug where the table plugin would produce a script error if you tried to move the caret before a first child table. |
| | | Fixed bug where the keep_styles feature on IE would move the caret to an incorrect location at the end of list blocks. |
| | | Fixed so attributes from legacy elements such as font gets retained when they get converted to spans. |
| | | Fixed minor issue where the select boxes wouldn't be set the not set by default in the table dialog. |
| | | Version 3.3.8 (2010-06-30) |
| | | On IE8+ and FireFox 3.5+, dragging an image now correctly adds an undo |
| | | event. |
| | | Fixed bug where WebKit would not move the caret to a correct position after a paste operation. |
| | | Fixed bug where WebKit would produce a div wrapper element when pasting some contents. |
| | | Fixed bug where the visual chars and nonbreaking plugin wouldn't show nbsp elements correctly. |
| | | Fixed bug where the format states would be enabled even after the format was removed. |
| | | Fixed bug where the delete key would move the caret to an incorrect position. |
| | | Fixed bug where it wasn't possible to toggle of the current font size/family/style by clicking the title item. |
| | | Fixed bug where the abbr element wouldn't get serialized correctly on IE6. |
| | | Fixed so that the examples checks if they are executed from the local file system since that might not work properly. |
| | | Version 3.3.7 (2010-06-10) |
| | | Fixed bug where context menu would produce an error on IE if you right clicked twice and left clicked once. |
| | | Fixed bug where resizing of the window on WebKit browsers in fullscreen mode wouldn't position the statusbar correctly. |
| | | Fixed bug where IE would produce an error if the editor was empty and you where undoing to that initial level. |
| | | Fixed bug where setting the table background on gecko would produce \" entities inside the url style property. |
| | | Fixed bug where the button states wouldn't be updated correctly on IE if you placed the caret inside the new element. |
| | | Fixed bug where undo levels wasn't properly added after applying styles or font sizes. |
| | | Fixed bug where IE would throw an error if you used "select all" on empty elements and applied formatting to that. |
| | | Fixed bug where IE could select one extra character when you did a bookmark call on a caret location. |
| | | Fixed bug where IE could produce a script error on delete since it would sometimes produce an invalid DOM. |
| | | Fixed bug where IE would return the wrong start element if the whole element was selected. |
| | | Fixed bug where formatting states wasn't updated on IE if you pressed enter at the end of a block with formatting. |
| | | Fixed bug where submenus for the context menu wasn't removed correctly when the editor was destroyed. |
| | | Fixed bug where Gecko could select the wrong element after applying format to multiple elements. |
| | | Fixed bug where Gecko would delete parts of the previous element if the selection range was a element selection. |
| | | Fixed bug where Gecko would not merge paragraph elements correctly if they contained br elements. |
| | | Fixed bug where the cleanup button could produce span artifacts if you pressed it twice in a row. |
| | | Fixed bug where the fullpage plugin header/footer would be have it's header reseted to it's initial state on undo. |
| | | Fixed bug where an empty paragraph would be collapsed if you performed a cleanup while having the caret inside it. |
| | | Fixed a few memory leaks on IE especially with drop menus in listboxes and the spellchecker. |
| | | Fixed so formats applied to the current caret gets merged to reduce the number of output elements. |
| | | Added the latest version of Sizzle for the CSS selector logic to fix a compatibility issue with prototype. |
| | | Version 3.3.6 (2010-05-20) |
| | | Fixed bug where a editor.focus call could produce errors on IE in very specific scenarios. |
| | | Fixed bug where Gecko would produce an error if you unformatted text inside an empty element. |
| | | Fixed bug where IE would produce an error if the caret was placed before a table and you used the align buttons. |
| | | Fixed bug where the font size drop down didn't display the a preview correctly. |
| | | Fixed bug where the paste plugin wouldn't include all contents some times on WebKit browsers. |
| | | Fixed bug where the plain text mode toggle wouldn't work properly on WebKit. |
| | | Fixed bug where the editors statusbar would become invisible when you resized the window in fullscreen mode. |
| | | Version 3.3.5.1 (2010-05-07) |
| | | Fixed a critical bug with the fullscreen plugin. Produced error messages when the state was toggled on/off. |
| | | Version 3.3.5 (2010-05-06) |
| | | Added new merge_with_parents option to formats, enables the control of removal of elements with similar parents. |
| | | Fixed so the default behavior for applying classes isn't a toggle state but the old behavior from before the 3.3 release. |
| | | Fixed bug where selecting contents using double click on Gecko would produce errors when using removing format. |
| | | Fixed bug where the IE DOM could get messed up when non valid contents was pasted into the editor. |
| | | Fixed bug where merging selected table cells using the context menu didn't work as expected. |
| | | Fixed bug where some nestled formatting would be applied incorrectly. |
| | | Fixed bug with enter in list items when using the force_br_newlines mode on WebKit patch contributed by Ryan Koopmans. |
| | | Fixed bug where undo/redo could produce js errors on some specific operations. |
| | | Fixed bug where the theme_advanced_font_sizes didn't work as before 3.3 when complex settings where used. |
| | | Fixed bug where the table plugin would copy cell/row id attributes when making new rows/cells. |
| | | Version 3.3.4 (2010-04-27) |
| | | Fixed bug where fullscreen plugin would add two editor instances to EditorManager collection. |
| | | Fixed bug where it was difficult to enter text on non western languages such as Japanese on IE. |
| | | Fixed bug where removing contents from nodes could result in an exception when using undo/redo. |
| | | Fixed bug with selection of images inside layers or other resizable containers on IE. |
| | | Fixed so editors isn't initialized on iPhone/iPad devices since they don't have caret support. |
| | | Version 3.3.3 (2010-04-19) |
| | | Added new script_loaded callback function setting for the jQuery plugin. |
| | | Added various fixes and new rpc methods for the spellchecker plugin. Patch contributed by Michael Peters. |
| | | Removed some unnecessary inline style information from some of the dialogs. |
| | | Fixed some issues with the chaining for the TinyMCE jQuery plugin. |
| | | Fixed so any extra arguments passed to patched jQuery functions gets passed through. Patch contributed by Lee Henson. |
| | | Fixed so spellchecking/contextmenu can be toggled on/off if the browser has native spellchecker support. |
| | | Fixed bug where some texts in the new paste plugin wasn't placed in language pack. |
| | | Fixed bug where IE would produce an incorrect information message when cutting. |
| | | Fixed bug where removing items using the xhtmlxtras plugin wouldn't work correctly. |
| | | Fixed bug where setting table background images would add extra quotes on Gecko. |
| | | Fixed bug where shortcut for bold/italic/underline wouldn't work properly on WebKit. |
| | | Fixed bug where IE would produce an error message if only contents was an image tag and bold was used. |
| | | Fixed bug where the caret would move if alignment was applied to empty block elements. |
| | | Fixed bug where some shortcut key commands wouldn't apply formatting correctly. |
| | | Version 3.3.2 (2010-03-25) |
| | | Fixed bug where it was possible to scale the editor iframe smaller than the editor UI. |
| | | Fixed bug where some of the resizing option didn't work with the new live resize. |
| | | Fixed bug where the format listbox didn't show nestled formats correctly. |
| | | Fixed bug where the native listboxes didn't work correctly. |
| | | Fixed bug where font size selection in using the legacyoutput plugin would produce errors. |
| | | Fixed so block and blockquote formats remove their matching element regardless of it's attributes. |
| | | Version 3.3.1 (2010-03-18) |
| | | Added new live resize feature, the editor contents is now visible while resizing. |
| | | Fixed bug where some valid_element patterns would produce an unknown property error. |
| | | Fixed bug where it wasn't possible to toggle off blockquotes. |
| | | Fixed bug where an undo level wasn't produced when applying formatting using the styles dropdown. |
| | | Fixed bug where IE 6/7 wouldn't perform caret formatting due to a focus/event bug in IE. |
| | | Fixed bug where undo/redo wasn't restoring the previous selection correctly. |
| | | Fixed bug where the caret would become invisible if you resized the editor in latest Gecko. |
| | | Fixed bug where the class attribute wasn't completely removed in IE 6/7 when the removeClass function was used. |
| | | Fixed so the matchNode method of the Formatter class returns the matched format rule. |
| | | Fixed so it's possible to apply formatting to both blocks and as inline elements. |
| | | Version 3.3 (2010-03-10) |
| | | Fixed bug where backspace on a table on IE would produce an empty tbody and some JS exceptions. |
| | | Fixed bug where some redundant children wasn't removed properly when applying inline styles to them. |
| | | Fixed bug where Chrome would produce incorect dialog sizes if the inlinepopups plugin wasn't used. |
| | | Fixed bug where spans with different classes would get merged if they where siblings to each other. |
| | | Fixed bug where IE 8 would crash if you used the spellchecker. |
| | | Fixed bug where Input Method for non western languages didn't work correctly. |
| | | Fixed bug where the UI would render incorrectly in FF 3.6 on Mac due to a bug n their rendering engine. |
| | | Fixed bug where WebKit wouldn't scroll down correctly if Shift+Enter was used. Patch contributed by Thomas Andersen. |
| | | Version 3.3rc1 (2010-02-23) |
| | | Fixed bug with new legacyoutput plugin not working correctly on it's own. |
| | | Fixed bug some performance issues with removing text formats. |
| | | Fixed bug where TinyMCE specific attributes wasn't removed properly by remove format. |
| | | Fixed bug where it wasn't possible to align images within inline elements. |
| | | Fixed bug where Ctrl+Delete/Backspace would produce an invalid argument exception on IE. |
| | | Fixed bug where the search/replace logic could produce an infinite loop on IE for reverse searches. |
| | | Fixed bug where cloning formats in cells didn't work properly on IE. |
| | | Fixed bug where IE6 would produce a horizontal scroll bar. |
| | | Fixed so remove jQuery method removes the TinyMCE instance as well as the specified textarea. |
| | | Fixed so selected rows and cells gets updated using the row/cell properties dialogs. |
| | | Version 3.3b2 (2010-02-04) |
| | | Fixed bug where sometimes img elements would be removed by split method in DOMUtils. |
| | | Fixed bug where merging of span elements could occur on bookmark nodes. |
| | | Fixed bug where classes wasn't properly removed when removeformat was used on IE 6. |
| | | Fixed bug where multiple calls to an tinyMCE.init with mode set to exact could produce the same unique ID. |
| | | Fixed bug with the IE selection implementation when it was feeded an document range. |
| | | Fixed bug where block elements formatting wasn't properly removed by removeformat on all browsers. |
| | | Fixed bug where selection location was lost if you performed a manual cleanup. |
| | | Fixed bug where removeformat wouldn't remove span elements within styled block elements. |
| | | Fixed bug where an error would be thrown if you clicked on the separator lines in menus. |
| | | Fixed bug with the jQuery plugin adding always adding a querystring value to other resources. |
| | | Fixed bug where IE would produce an error message if you had an empty editor instance. |
| | | Fixed bug where Shift+Enter didn't produce br elements on WebKit browsers. |
| | | Fixed bug where a temporary marker element wasn't removed by the paste plugin. |
| | | Fixed bug where inserting a table would produce two undo levels instead of one. |
| | | Version 3.3b1 (2010-01-25) |
| | | Added new text formatting engine. Fixes a lot of browser quirks and adds new possibilities. |
| | | Added new advlist plugin that enables you to set the formats of list elements. |
| | | Added new paste plugin logic that enables you to retain style information from Office. |
| | | Added new autosave plugin logic that automatically saves contents in local storage. |
| | | Added new valid_styles option. Adds the possibility to restrict styles and their order. |
| | | Added new theme_advanced_runtime_fontsize option to display the runtime font size in font size select box. |
| | | Added new jquery plugin version that handles the gzip compressor amongst other things. Contributed by Speednet. |
| | | Added new $ function to tinymce namespace and editor instances for the jQuery build. |
| | | Added the possibility to get editors by index as well as name in the tinyMCE.editors collection. |
| | | Fixed so the contents inside the editor renders in standards mode by default. |
| | | Fixed bug where it wasn't possible to move the caret on short documents running in standards mode on IE. |
| | | Fixed bug where the decode method of the DOMUtils class could end up in an endless loop. |
| | | Fixed bug where it was possible to bypass the paste cleanup on non IE browsers if you clicked while pasting. |
| | | Fixed bug where some attributes wasn't serialized correctly on IE if wildcard attribute patters where used. |
| | | Fixed bug where entity decoding was performed on strings that didn't have any valid entities in them. |
| | | Fixed bugs with the insertNode method of the IE DOMRange implementation. Patch contributed by Scott McNaught. |
| | | Rewrote the getBookmark/moveToBookmark selection logic to boost performance on larger documents. |
| | | Rewrote the table plugin to include new cell selection logic and fixed various bugs and issues. |
| | | Merged the tinyMCE, tinymce and tinymce.EditorManager into the same instance makes more sense. |
| | | Removed browser setting since the browser support for TinyMCE is not far better than it was when that setting was introduced. |
| | | Changed the mce_ attribute prefix to the more standard _mce_ prefix. This is similar to browser vendors prefixes. |
| | | Optimized performance with named entities on Gecko. Regexp replace was executing very slowly probably due to a Gecko bug. |
| | | Optimized performance of the IE specific selection/range implementation. |
| | | Removed the safari plugin since we now replaced all text formatting logic to custom code. |
| | | Version 3.2.7 (2009-09-22) |
| | | Fixed bug where uppercase paragraphs could still produce an invalid DOM tree on IE. |
| | | Fixed bug where split command didn't work on WebKit since the node serializer needs a real document to work with. |
| | | Fixed bug where it was impossible in Gecko to place the caret before a table if it was the first one. |
| | | Fixed bug where linking to urls like ../../ would produce an extra traling slash ../..//. |
| | | Fixed bug where the template cdate functionality was using an old 2.x API call. Patch contributed by vectorjohn. |
| | | Fixed bug where urls to the same site but different protocol would be converted when relative_urls where set to false. Patch contributed by Ted Rust. |
| | | Fixed bug where the paste plugin would remove mceItem prefixed classes. |
| | | Fixed bug where the paste plugin would sometimes add items in a reverse order on WebKit. |
| | | Fixed bug where the paste buttons would present an error message on Gecko even if you changed user.js. Patch contributed by Todd (teeaykay). |
| | | Fixed bug where Opera would crash if you had tables incorrectly placed inside paragraphs. |
| | | Fixed bug where styles elements wasn't properly processed if you had bad input HTML. |
| | | Fixed bug where style attributes wasn't properly forced into a specific format. |
| | | Fixed bug and issues with boolean attributes like checked, nowrap etc. |
| | | Fixed bug where input elements could override attributes on form elements. |
| | | Fixed bug where script or style elements could get modified by the DOMUtils processHTML method. |
| | | Fixed bug where the selected attribute could get lost when force root blocks logic got executed on IE. Patch contributed by Attila Mezei-Horvati. |
| | | Fixed bug where getAttribs method didn't handle boolean attributes correctly on IE. |
| | | Fixed so the paste from word dialog is presented if you paste content on an IE with to restrictive security settings. |
| | | Fixed so the paste_strip_class_attributes option is set to none by default in the paste plugin. |
| | | Removed default border=0 on tables for the default value of valid_elements. |
| | | Version 3.2.6 (2009-08-19) |
| | | Added new wordcount plugin, this will display the number of typed words as you write. Contributed by Andrew Ozz. |
| | | Added new getNext and getPrev methods to DOM utils. These will return the first matching sibling. |
| | | Fixed bug where it was impossible to place the caret after a table on Gecko. It will now add a paragraph after tables. |
| | | Fixed bug where inline dialogs would fail if used in a window opened using a showModalDialog. Patch contributed by Derek Britt. |
| | | Fixed bug where IE could sometimes render a unknown runtime error on invalid input HTML. |
| | | Fixed bug where some incorrectly placed tables wouldn't be moved outside the paragraphs on IE. |
| | | Fixed bug where uppercase script/style element wouldn't be handled correctly and converted to valid lowercase. |
| | | Fixed bug where some WebKit versions on Mac OS X would produce issues with hidden select fields. |
| | | Fixed bug where the media plugin would fail on WebKit since the node wasn't properly imported to the right document. |
| | | Fixed bug where absolute URLs for the TinyMCE script using a base href element would cause loading problems in IE 6/7. |
| | | Fixed bug where pasting using the paste plugin wasn't possible on IE with to restrictive security settings. |
| | | Fixed bug where pasting of whitespace was impossible using the new custom paste method. |
| | | Fixed bug where pasting on some WebKit browsers would not work if you pasted specific contents due to a WebKit bug. |
| | | Fixed bug where doctypes with multiple lines would not be parsed correctly by the fullpage plugin. Patch contributed by Colin. |
| | | Fixed bug where the autoresize plugin would break the fullscreen functionality. |
| | | Fixed bug where tables would be chopped up running on IE using invalid contents and pasting paragraphs into a cell. |
| | | Fixed bug where the each method of jQuery build didn't iterate styleSheets. We now use the TinyMCE API one instead. |
| | | Fixed bug where auto switching to paragraphs after headers some times failed in Gecko. |
| | | Fixed so all editor options gets passed to the Serializer class. Patch contributed by Jasper Mattsson. |
| | | Fixed so script/style blocks isn't wrapped in paragraphs as other inline elements. |
| | | Fixed so the XHR requests sends the X-Requested-With HTTP header. |
| | | Fixed so the data url scheme is handled in the tinymce.util.URI class. |
| | | Changed inline documentation to use moxiedoc style comments. |
| | | Removed the compat2x plugin people should have upgraded to the 3.x API by now. 3.0 was released more then a year ago. |
| | | Re-added Gecko specific message for users who doesn't understand the security concept regarding paste. |
| | | Version 3.2.5 (2009-06-29) |
| | | Added new jQuery plugin for the jQuery specific package. This enables you to more easily load and use TinyMCE. |
| | | Added new autoresize plugin contributed by Peter Dekkers. This plugin will auto resize the editor to the size of the contents. |
| | | Fixed so all packages have the same directory structure. Previous releases had a different structure for the production package. |
| | | Fixed so the paste from word dialog forces the contents to be processed as word contents even if it's not. |
| | | Fixed so the jQuery build adapter build works. It's currently only excluding Sizzle. |
| | | Fixed so noscript element contents is retained during the editing process. |
| | | Fixed bug where the getBookmark method would need a "simple" string input when the documented way is a boolean. |
| | | Fixed bug where invalid contents could break the fix_table_elements logic. |
| | | Fixed bug where Sizzle specific attributes would be serialized if the valid_elements was set to *[*]. |
| | | Fixed bug where IE would produce an error if you specified a relative content_css and opened the paste dialog. |
| | | Fixed bug where pasting images on IE would produce broken images if they came from an external site. |
| | | Fixed bug where memory was leaked if you add/remove controls dynamically. Some event handlers wasn't removed properly. |
| | | Fixed bug where domain relaxing wasn't treated correctly if you added it after the TinyMCE script element. |
| | | Fixed bug where the activeEditor wasn't set to null if the last editor instance was removed. |
| | | Fixed bug where IE was leaking memory on the onbeforeunload event due to some recently introduced logic. Patch contributed by Options. |
| | | Fixed bug where inserting tables in Safari 4 didn't work due to a new WebKit bug where some element names are reserved. |
| | | Fixed bug where URLs having a :// value in the query string would make it absolute regardless of URL settings. |
| | | Fixed the WebKit specific bug where DOM Ranges would fail if the node wasn't attached to something in a different way. |
| | | Removed the auto_resize option and the resizeToContent method from the tinymce.Editor class. Use the new autoresize plugin instead. |
| | | Version 3.2.4.1 (2009-05-25) |
| | | Fixed bug where Gecko browsers would produce an extra space after for example strong when loaded from sub domains. |
| | | Fixed bug where script elements would be removed if they where placed inside a paragraph element. |
| | | Fixed bug where IE 8 would produce 1 item remaining when loading CSS files dynamically with an empty cache. |
| | | Fixed bug where bound events would be removed from other editor instances if a specific one was removed. |
| | | Fixed various bugs and issues with script and style elements inside the editor. |
| | | Fixed so all script contents gets wrapped in CDATA sections so that they can be parsed using a XML parser. |
| | | Fixed so it's impossible for elements marked as closed to have child nodes rendered in output. |
| | | Version 3.2.4 (2009-05-21) |
| | | Added new paste_remove_styles/paste_remove_styles_if_webkit option to paste plugin concept contributed by Hadrien Gardeur. |
| | | Added new functionality to paste plugin contributed by Scott Eade aka monkeybrain. |
| | | Added new paste_block_drop option to the paste plugin this is disabled by default and will block any drag/drop event. |
| | | Added new bind/unbind methods to DOMUtils these works like Event.add/Event.remove but is easier to access. |
| | | Added new paste_dialog_width/paste_dialog_height options to paste pluign. Enables you to change the dialog sizes. |
| | | Fixed bug on IE 8 where it would sometimes produce a "1 item remaining" status message that would never finish. |
| | | Fixed bug on Safari 4 beta that would produce DOM Range exceptions on the DOMUtils split method since the browser has a bug. |
| | | Fixed bug where the paste plugin could accidentally think that some word sentences was supposed to be list elements. |
| | | Fixed bug where paste plugin would produce one extra empty undo level on some browsers. |
| | | Fixed bug where spans wasn't produced correctly on new line when the keep_styles option was enabled. |
| | | Fixed bug where the caret would be placed at the beginning of contents in IE 8 if you selected colors from the color pickers. |
| | | Fixed so the Event class is a normal class instead of a static one. The tinymce.dom.Event is now a global instance of that class. |
| | | Fixed so internal events for instances gets removed when the DOMUtils instance is removed. |
| | | Fixed so preventDefault and stopPropagation methods can be used on the event object in all browsers. |
| | | Version 3.2.3.1 (2009-05-05) |
| | | Fixed bug where paragraphs containing form elements such as input or textarea would be removed. |
| | | Fixed bug where some IE versions would produce a wrapper function for events attributes. |
| | | Fixed bug where table cell contents could be removed if you pressed return/enter at the end of the cell contents. |
| | | Fixed bug where the paste plugin would remove a extra character if the selection range was collapsed. |
| | | Fixed bug where creating tables with % width wouldn't be handled correctly on WebKit browsers. |
| | | Version 3.2.3 (2009-04-23) |
| | | Added new paste plugin logic. This new version will autodetect Word contents and clean it up. |
| | | Added a optional root element argument to getPos so you can tell it where to stop the calculation. |
| | | Added new DOM ready logic to remove the usage of document.write. We now use basically the same method as jQuery. |
| | | Fixed bug where WebKit browsers would fail when selecting all contents in the area using Ctrl+A. |
| | | Fixed bug where IE would produce paragraphs with empty inline style elements. |
| | | Fixed bug where WebKit browsers would fail when inserting tables with a non pixel width. |
| | | Fixed bug where block elements could get a redundant br element at the end of the element. |
| | | Fixed bug where the tabfocus plugin only worked with a single editor instance on page. |
| | | Fixed bug where IE 8 was loosing caret position if the selection was collapsed and a menu was clicked. |
| | | Fixed bug with application/xhtml+xml mode where menus wasn't working properly. |
| | | Fixed bug where the onstop workaround fix for IE would produce errors in an ASP update panel. |
| | | Fixed bug where the submit function override could produce errors if executed in the wrong scope. |
| | | Fixed bug where the area element wasn't closed by a short ending. |
| | | Fixed various number issues in the style plugins properties dialog. Contributed by datpaulchen. |
| | | Fixed issues with size suffix values in the style plugin dialog. |
| | | Fixed issue where hasDuplicate variable would leak out to the global space due to a bug in the Sizzle engine. |
| | | Fixed issue where the paste event would fire a dialog warning on IE since we extracted the text contents. |
| | | Updated Sizzle engine to the latest version, this version fixes a few bugs that was reported. |
| | | Version 3.2.2.3 (2009-03-26) |
| | | Fixed regression bug with the getPos method, it would return invalid if the view port was to small. |
| | | Version 3.2.2.2 (2009-03-25) |
| | | Fixed so the DOMUtils getPos method can be used cross documents if needed. |
| | | Fixed bug where undo/redo wasn't working correctly in Gecko browsers. |
| | | Version 3.2.2.1 (2009-03-19) |
| | | Added support for tel: URL prefixes. Even though this doesn't match any official RFC. |
| | | Fixed so the select method of the Selection class selects the first best suitable contents. |
| | | Fixed bug where the regexps for www. prefixes for link and advlink dialogs would match wwwX. |
| | | Fixed bug where the preview dialog would fail to open if the content_css wasn't defined. Patch contributed by David Bildström (ChronoZ). |
| | | Fixed bug where editors wasn't converted in application/xhtml+xml mode due to an issue with Sizzle. |
| | | Fixed bug where alignment would fail if multiple lines where selected. |
| | | Updated Sizzle engine to the latest version, this version fixes a few bugs that was reported. |
| | | Version 3.2.2 (2009-03-05) |
| | | Added new CSS selector engine. Sizzle the same one that jQuery and other libraries are using. |
| | | Added new is and getParents methods to the DOMUtils class. These use the new Sizzle engine to select elements. |
| | | Added new removeformat_selector option, enables you to specify a CSS selector pattern of elements to remove when using removeformat. |
| | | Fixed so the getParent method can take CSS expressions when selecting it's parents. |
| | | Added new ant based build process, includes a new javabased preprocessor and a yuicompressor ant task. |
| | | Moved the tab_focus logic into a plugin called tabfocus, so the old tab_focus option has been removed from the core. |
| | | Replaced the TinyMCE custom unit testing framework with Qunit and rewrote all tests to match the new logic. |
| | | Moved the examples/testcases to a root directory called tests since it now includes slickspeed. |
| | | Fixed bug where nbsp wasn't replaced correctly in ForceBlocks.js. Patch contributed by thorn. |
| | | Fixed bug where an dom exception would be thrown in Gecko when the theme_advanced_path path was set to false under xml application mode. |
| | | Fixed bug where it was impossible to get out of a link at the end of a block element in Gecko. |
| | | Fixed bug where the latest WebKit nightly would fail when changing font size and font family. |
| | | Fixed bug where the latest WebKit nightly would fail when opening dialogs due to changes to the arguments object. |
| | | Fixed bug where paragraphs wasn't added to elements positioned absolute using classes. |
| | | Fixed bug where font size values with dot's like 1.4em would produce a class instead of the style value. |
| | | Fixed bug where IE 8 would return an incorrect position for elements. |
| | | Fixed bug where IE 8 would render colorpicker/filepicker icons incorrectly. |
| | | Fixed bug where trailing slashes for directories in URLs would be removed. |
| | | Fixed bug where autostart and other boolean values in the media dialog wouldn't be stored/parsed correctly. |
| | | Fixed bug where the repaint call for the media plugin wouldn't be executed due to a typo in the source. |
| | | Fixed bug where id attribute of object elements wasn't kept intact by the media plugin. |
| | | Fixed bug where preview of embeded elements when the media_use_script option was used would fail. |
| | | Fixed bug where inlinepopups could be rendered at an incorrect location on IE 6 while dragging. |
| | | Fixed bug where the blocker shim could be placed at an incorrect location on IE 6. |
| | | Fixed bug where the multiple and size attributes of select elements would produce incorrect values while running in IE. |
| | | Fixed bug where IE would loose the caret position is you selected a color from the color drop down. |
| | | Fixed bug where remove format wouldn't work on IE since it couldn't remove span elements that had style information. |
| | | Fixed bug where Opera was removing links when removing formatting from selected contents. |
| | | Fixed bug where paragraphs could be produced inside non positional elements styled with the CSS position value of static. |
| | | Fixed bug where removeformat wouldn't work if you selected part of a span in IE. |
| | | Fixed bug where media plugin didn't retain the style attribute on embed/object elements. |
| | | Fixed bug where auto focus on empty editor instances could produce strange results if you inserted an image into it. |
| | | Fixed bug where characters would be removed in FF when inserted with the mceInsertContent or selection.setContent methods. |
| | | Fixed bug where warning message of missing paste support wasn't displayed on WebKit browsers. |
| | | Fixed bug where anchor links could include other links. The selected range is now unlinked before adding news links to it. |
| | | Fixed memory leak when TinyMCE was used with prototype. Patch contributed by James Ots. |
| | | Fixed so the non documented fullpage_hide_in_source_view option for the fullpage plugin works again in the 3.x branch. |
| | | Fixed so tables doesn't get inserted into paragraphs by default since it's not W3C valid. Can be disabled by using the fix_table_elements option. |
| | | Fixed so the source view dialog sets a source_view state to the event object. Enables plugins to intercept the source view mode. |
| | | Fixed various validation issues with the html dialogs and pages. |
| | | Removed ask mode option since there is way better ways of doing this now. Use the add/remove control methods instead. |
| | | Removed logic for compatibility with Safari 2.x, this browser is no longer supported since no one is using it. |
| | | Removed the auto domain relaxing feature. If loading scripts cross sub domains it's better to specify the document.domain by hand. |
| | | Version 3.2.1.1 (2008-11-27) |
| | | Added new theme_advanced_default_background_color/theme_advanced_default_foreground_color options. Patch contributed by David Bildström (ChronoZ). |
| | | Fixed font style formatting compatibility issue with Adobe Air. |
| | | Fixed so legacy font elements get converted into spans even if cleanup_on_startup isn't enabled. |
| | | Fixed bug where pre elements could be incorrectly modified by an IE bug workaround. Patch contributed by hu vime. |
| | | Fixed bug where input elements inside inlinepopups wasn't editable in Firefox 2. |
| | | Fixed bug where the xhtmlxtras plugin wasn't replacing attribute values correctly. |
| | | Fixed bug where menu buttons in skin variants would look strange due to IE 8 fixes. |
| | | Fixed bug where WebKit browsers would on backspace take you back to the previous page if the editor was empty. |
| | | Fixed bug where DOMUtils decode method wouldn't handle strings larger than 4096kb due to node chunking. |
| | | Fixed bug where meta key wasn't handled as ctrl key on Mac OS X for custom keyboard short cuts. |
| | | Fixed bug where init event would get fired twice on WebKit on Mac OS X. |
| | | Version 3.2.1 (2008-11-04) |
| | | Added support for custom icon image for drop menus. Use icon_src to set a custom image directly. |
| | | Added new media_strict option to media plugin. Enables you to control if the flash embed is strict or not. Enabled by default. |
| | | Fixed so the editors script files gets dynamically loaded without using XHR or eval. |
| | | Fixed so the media plugin outputs valid XHTML object elements for Flash movies. Can be disabled with the media_strict option. |
| | | Fixed so dynamic loading doesn't require eval calls on non IE browsers for better Air support. |
| | | Fixed bug where the editor wasn't treated as empty if the remaining paragraph had attributes. |
| | | Fixed bug where id's of elements was removed ones they got wrapped in paragraphs. Patch contributed by ChronoZ. |
| | | Fixed bug where WebKit browsers where placing list elements inside paragraph elements. |
| | | Fixed bug where inserting images or links would produce absolute urls on WebKit browsers. |
| | | Fixed bug where values for checked, readonly, disabled and selected attributes was incorrect on IE. |
| | | Fixed bug where positive values for checked, readonly, disabled and selected attributes wasn't forced to valid values. |
| | | Fixed bug where selecting the first option in a native select box would produce an undefined error. |
| | | Fixed bug where tabindex 32768 could be outputted on IE if element attributes where cloned. |
| | | Fixed bug where the media dialogs preview window would display incorrect contents due to duplicate clsid prefixes. |
| | | Fixed bug where non pixel or percent heights for textarea elements would produce errors on IE. |
| | | Fixed bug where cdata sections in script elements wasn't handled correctly. |
| | | Fixed bug where nowrap of table cells would produce a 65535 value output. |
| | | Fixed bug where media plugin would produce an error if you selected the first item in the items list. |
| | | Fixed bug where media plugin would modify links with the item _value in them. |
| | | Fixed so table width/height is better forced if inline_styles is enabled. Patch contributed by daKmoR. |
| | | Fixed css for IE 8 such as opacity and other rendering quirks. |
| | | Version 3.2.0.2 (2008-10-02) |
| | | Fixed bug where the SelectBox and NativeSelectBox wasn't updated correctly if undefined was passed to them. |
| | | Fixed bug where the style dropdown wasn't correctly changed back to it's original state when element had no class. |
| | | Fixed bug where multiple pending font styles wasn't handled correctly. |
| | | Fixed so you can disable all auto css loading for dialogs by setting the popups_css option to false. |
| | | Version 3.2.0.1 (2008-09-17) |
| | | Fixed bug where font sizes and faces wouldn't be changed correctly when there was a parent with a different style. |
| | | Fixed bug where adding fonts to the same selection would produce redundant spans. |
| | | Version 3.2 (2008-09-11) |
| | | Added new text style support, it will now use span elements internally instead of font elements. |
| | | Added new improved support for the theme_advanced_font_sizes option, check the Wiki for details. |
| | | Added new keep_style setting that maintains the text style on return/enter on non IE browsers, enabled by default. |
| | | Added new onBeforeSetContent/onBeforeGetContent/onSetContent/onGetContent events to the Selection class. |
| | | Added new selectByIndex method to ListBox class. This enables you to select list items by an index instead of a value. |
| | | Added new possibility to the select method of the ListBox class. This can now have a selector function as it's value argument. |
| | | Added new possibility to skip the loading of popups css by setting the feature popup_css to the value false. |
| | | Added new possibility to skip translation of popups by setting the translate_i18n feature to false. |
| | | Added new element_format option enables you to produce HTML element endings instead of XHTML. But we are still in the XHTML is better camp. |
| | | Added missing allowfullscreen and quality options for flash elements, this will now get correctly stored. |
| | | Fixed bug where table cell dialog didn't close properly unless the accessibility_warnings option was set to false. |
| | | Fixed bug where the modal dialog blocker element for inlinepopups wasn't placed at a correct location if the page had scroll. |
| | | Fixed bug where non inline dialogs didn't close correctly if the inlinepopups plugin was used. |
| | | Fixed bug where non inline dialogs could make the modal dialog blocker to work incorrectly. |
| | | Fixed bug where style select wasn't populated correctly if you pressed the arrow. Patch by Hari Karam Singh. |
| | | Fixed bug where toggling the fullscreen mode didn't restore scrollbars on IE when the editor was inside a frame. Patch by Jacob Barrett. |
| | | Fixed bug where inserting flash contents using the template plugin didn't work correctly. |
| | | Fixed bug where inserting flash contents using the selection.setContent or mceInsertContent command didn't work correctly. |
| | | Fixed bug where IE would produce an exception if a comment started with -. |
| | | Fixed bug where the blockquote button would wrap lists incorrectly on non IE browsers. |
| | | Fixed bug where Opera would display BR elements in the element path. |
| | | Fixed bug where xhtmlxtras didn't insert elements correctly on IE. |
| | | Fixed bug where the buttons wasn't activated correctly in the xhtmlxtras plugin. |
| | | Fixed bug where adding an object as the style attribute for the dom setAttribs method wouldn't work. |
| | | Fixed bug where the background color would bleed out to parent container element in Gecko. |
| | | Fixed bug where the insert column actions for tables would fail if you did it in a thead or tfoot. Patch contributed by T Andersen (tan73). |
| | | Fixed bug where event blocker element wasn't positioned correctly for the inlinepopups plugin. |
| | | Fixed bug where pasting from Office 2007 would produce an odd comment in the contents. |
| | | Fixed bug where the paste as plain text could remove an extra character. Patch contributed by Speednet. |
| | | Fixed bug where some characters where missing for the paste_replace_list option. Patch contributed by Speednet. |
| | | Fixed bug where removing non existing editor instances by the mceRemoveControl command would produce an error. |
| | | Fixed bug where meta elements with the name description would produce errors in IE. |
| | | Fixed bug where color and background colors wouldn't be updated properly. |
| | | Fixed bug where the createMenuButton of tinymce.ControlManager didn't implement the last class argument. |
| | | Fixed bug where the editor_css option was relative from the TinyMCE installation directory not the current page. |
| | | Fixed bug where elements wouldn't be padded if the element contained bogus br elements. For example TD elements. |
| | | Fixed bug where parsing of <body > in fullpage plugin would produce an error. |
| | | Fixed bug where relative urls with just ./ would become an empty string. |
| | | Fixed bug where outdent button would be disabled if inline_styles where set to false. |
| | | Fixed bug where replace with an empty search string would produce an error on IE. |
| | | Fixed bug where restoring the overflow state of the body in fullscreen plugin running on IE would produce vertical scrollbars. |
| | | Fixed bug where pressing return/enter in list items would sometimes move the caret the to top of the content area in FF. |
| | | Fixed bug where the style listbox wouldn't be updated correctly if you used the use_native_selects option. |
| | | Fixed bug where WebKit browsers would produce a div element when ending list elements using return. |
| | | Fixed so translation of popup contents only occurs if it's needed. |
| | | Optimized the URI object in regards or converting absolute URIs to relative URIs. |
| | | Version 3.1.1 (2008-08-18) |
| | | Added new getSize method to DOMUtils it will return the dimensions only of an element. |
| | | Added new alert/confirm methods to the tinyMCEPopup class to prevent focus problems and also to shorten method calls. |
| | | Added new plugin_preview_inline option to preview plugin to enable/disable native/inline dialogs. |
| | | Added new readonly option. If this is set the editor will only display the contents for the user. |
| | | Added missing tabindex and accesskey to input elements in the default valid_elements setup. |
| | | Updated firebug lite to 1.2, to enable it use the tiny_mce_dev.js?debug=1 on the development package. |
| | | Fixed so the preview dialog in the preview plugin uses inline dialogs/popups. |
| | | Fixed so CDATA sections remains intact through the serialization process of the DOM tree. |
| | | Fixed various issues with the getAttrib command. It will now return more correct values. |
| | | Fixed bug where the embed element wasn't properly parsed in the media plugin it now supports 3 formats. |
| | | Fixed bug where the noshade attribute was serialized incorrectly on IE. |
| | | Fixed bug where editing an existing link element didn't force it relative. |
| | | Fixed bug where image link creation fails on Safari if the image is aligned. |
| | | Fixed bug where it was possible to scroll the fullscreen mode in Opera 9.50. |
| | | Fixed bug where removal of center image alignment would fail. Patch contributed by Andrew Ozz. |
| | | Fixed bug where inlinedialogs didn't work properly if the doctype was incorrect in IE. |
| | | Fixed bug where cross domain loading didn't work correctly in Opera 9.50. |
| | | Fixed bug where breaking huge text blocks with return/enter key would scroll to end of block. |
| | | Fixed bug where replace button kept inserting the replacement text even if there is no more matches. |
| | | Fixed bug with fullpage plugin where value wasn't set correctly. Patch contributed by Pascal Chantelois. |
| | | Fixed bug where the dom utils setAttrib method call could produce an exception if the input was null/false. |
| | | Fixed bug where pressing backspace would sometimes remove one extra character in Gecko browsers. |
| | | Fixed bug where the native confirm/alert boxes would move focus to parent document if fired in dialogs. |
| | | Fixed bug where Opera 9.50 was telling you that the selection is collapsed even when it isn't. |
| | | Fixed bug where mceInsertContent would break up existing elements in Opera and Gecko. |
| | | Fixed bug where TinyMCE fails to detect some keyboard combos on Mac, contributed by MattyRob. |
| | | Fixed bug where replace all didn't move the caret to beginning of text before searching. |
| | | Fixed bug where the oninit callback wasn't executed correctly when the strict_loading_mode option was used, thanks goes to Nicholas Oxhoej. |
| | | Fixed bug where a access denied exception was thrown if some other script specified document.domain before loading TinyMCE. |
| | | Fixed so setting language to empty string will skip language loading if translations are made by some backend. |
| | | Fixed so dialog_type is automatically modal if you use the inlinepopups plugin use dialog_type : "window" to re-enable the old behavior. |
| | | Version 3.1.0.1 (2008-06-18) |
| | | Fixed bug where the Opera line break fix didn't work correctly on Mac OS X and Unix. |
| | | Fixed bug where IE was producing the default value the maxlength attribute of input elements. |
| | | Version 3.1.0 (2008-06-17) |
| | | Fixed bug where the paste as text didn't work correctly it encoded produced paragraphs and br elements. |
| | | Fixed bug where embed element in XHTML style didn't work correctly in the media plugin. |
| | | Fixed bug where style elements was forced empty in IE. The will now be wrapped in a comment just like script elements. |
| | | Fixed bug where some script elements wrapped in CDATA could fail to be serialized correctly. |
| | | Fixed bug where FF 3 produced -moz- internal styles in some style attributes. |
| | | Fixed bug where query strings and external URLs didn't work correctly in style attributes. |
| | | Fixed bug where shape attribute of area elements got serialized as rect regardless of it's initial value in IE 6. |
| | | Fixed bug where selection of elements inside layers would fail in IE since focus was moved to the document body. |
| | | Fixed bug where pressing enter/return in an editable select box would produce an __mce_add_custom__ class value. |
| | | Fixed bug where changing font size of text placed inside a colored text chunk would remove the parent node. |
| | | Fixed bug where Opera 9.5 final produced a strange line break behavior due to a workaround for previous Opera versions. |
| | | Fixed bug where text/background color would produce a strange focus problem when you tried to click on the body in IE. |
| | | Fixed issue where selecting the title of an listbox equals the old 2.x behavior of changing the value to an empty string. |
| | | Fixed issue where it was common for the media plugin to break if the _value attribute wasn't added for the param element. |
| | | Fixed issue where the wrong parent editor instance might be updated if you use fullscreen mode in an incorrect way. |
| | | Fixed issue where Safari was producing a warning about the base element not being closed correctly. |
| | | Removed redundant form element name matching from regexp in the DOMUtils class. |
| | | Version 3.0.9 (2008-06-02) |
| | | Added new contextmenu_offset_x/contextmenu_offset_y options for the contextmenu plugin. |
| | | Added cite attribute to the default rule for the blockquote element. |
| | | Added support for using arrow keys for selection of items in listboxes. |
| | | Added support for using arrow keys for selection of items in dropmenus. |
| | | Fixed bug where blockformat change on elements with BR inside them didn't change correctly on Firefox. |
| | | Fixed bug where removing table rows inside thead or tfoot would remove the whole table if it was the last one. |
| | | Fixed bug where XHR synchronous mode didn't execute the callback handlers synchronously. |
| | | Fixed bug where setting border to 0 didn't add border: 0 to the style attribute when using the advimage dialog. |
| | | Fixed bug where the selection of images and table cells didn't work correctly when the editor is placed in a frame and running on IE. |
| | | Fixed bug where the store/restore of a selection didn't work correctly in non IE browsers. |
| | | Fixed bug where only the first element would be invalid for the invalid_elements option. |
| | | Fixed bug where paste as plain text didn't encode the characters correctly when they where inserted. |
| | | Fixed bug where HTML source window couldn't be maximized on Gecko when the maximizable feature was enabled. |
| | | Fixed bug where color selection using the color picker could produce exception in IE. |
| | | Fixed bug where font size changes could produce produce extra redundant elements. |
| | | Fixed bug where IE could produce unknown runtime error if you replaced a image with another image from a separate frame. |
| | | Fixed bug where the domLoaded state for the Event class wasn't set correctly if the editor was loaded dynamically using the gzip compressor. |
| | | Fixed bug where handling of the base element for a page would produce incorrect urls. Based on a patch contributed by John LeSueur. |
| | | Fixed bug where table constraint alert boxes was presented with an empty value and wasn't the skinned inline ones. |
| | | Fixed bug where the onChange event wasn't fired when the form was submitted. It's now also triggered when the save method is called. |
| | | Fixed bug where encoding set to xml didn't work as expected. It now encodes the contents into XML entities. |
| | | Fixed bug where numrows didn't work correctly for the merge cells dialog of the table plugin. |
| | | Fixed bug where the onGetContent event was fired even when the no_events flag was set. |
| | | Fixed bug where the preview panels for the advimage and the media plugin could overflow on Safari and FF 3. |
| | | Fixed bug where the editing and removal of abbr elements using the xhtmlxtras plugin working correctly on IE. |
| | | Fixed bug where save button in the save plugin didn't work correctly on IE. |
| | | Fixed bug where dragging layers didn't work as expected since it would snap back to it's original location if you saved. |
| | | Fixed bug where the description of the template plugin dialog wasn't updated correctly. |
| | | Fixed bug where the values for frame and rules in the table dialogs where swapped. |
| | | Fixed bug where the elements like ins, del, cite, acronym and abbr didn't have the default editing style as the old 2.x branch. |
| | | Fixed bug where ask mode would lock the focused textarea if you pressed cancel in the confirm dialog on FF 3. |
| | | Fixed bug where ask mode would produce contents for empty textareas if you reloaded the page. |
| | | Fixed so the onGetContent event gets the full pass through object just like the other events. |
| | | Fixed so attributes for block elements remains the same when you change format of a element. |
| | | Version 3.0.8 (2008-04-30) |
| | | Fixed bug where IE would produce an error if textareas without names where converted. |
| | | Fixed bug where editor wasn't forced empty when there was only a single br or empty paragraph left. |
| | | Fixed bug where IE would produce an warning message if object elements where produced in the media plugins preview running on https. |
| | | Fixed bug where new addVer function didn't handle hash items correctly. Patch contributed by Mirek Burkon. |
| | | Fixed bug where font_size_style_values option wasn't applied correctly to fonts inside the editor. |
| | | Fixed bug where image selection could be lost if a image was edited using context menu on IE. |
| | | Fixed bug where style values wasn't updated properly due to an invalid regexp. |
| | | Fixed bug where IE 6 where displaying warning message about insecure items when inserting an image while using https. Patch contributed by Norifumi Sunaoka. |
| | | Fixed bug where IE was producing an auto save message if you selected a color from the color split button. |
| | | Fixed bug where backspace sometimes would move the caret to the end of the previous block in Gecko. |
| | | Fixed bug where the rowlayout manager didn't work as described in the documentation. |
| | | Fixed bug where the default options for the fullpage plugin wasn't applied correctly. |
| | | Fixed bug where selection would jump one character if you applied a styles to a words in non IE browsers. |
| | | Fixed bug where undo levels wasn't added correctly if you went back in undo history and added a new event. |
| | | Fixed bug where font size dropdown didn't mark the selected size in IE. |
| | | Fixed bug where the size of the editor was determined using clientWidth instead of offsetWidth. |
| | | Fixed so the onchange event doesn't fire on the initial undo level, it will also fire when the editor is blurred. |
| | | Fixed so the advhr plugin produces XHTML valid output instead of non standard attributes. |
| | | Fixed so blockquote gets converted into [quote] in when the bbcode plugin is enabled. |
| | | Fixed so theme_advanced_font_sizes can be named for example Font 1=1, Font 2=2 etc. |
| | | Fixed so editor_selector/editor_deselector can be regexps. By default only strings are allowed not part regexps like before. |
| | | Fixed so that the version suffix is optional. It still requires the build process so you need to export it manually. |
| | | Fixed so it's possible to tab to table cells in non Gecko browsers and also produce new rows if you tab at the end of a table. Contributed by Josh Peek. |
| | | Version 3.0.7 (2008-04-14) |
| | | Added new version suffix to all internal GET requests to make sure that the users cache gets cleared correctly. |
| | | Fixed issue with isDirty returning true event if it wasn't dirty on IE due to changes in tables during initialization. |
| | | Fixed memory leak in IE where if a page was unloaded before all images on the page was loaded it would leak. |
| | | Fixed bug in IE where underline and strikethrough could produce an exception error message. |
| | | Fixed bug where inserting paragraphs in totally empty table cells would produce odd effects. |
| | | Fixed bug where layer style data wasn't updated correctly due to some performance enhancements with the DOM serializer. |
| | | Fixed bug where it would convert the wrong element if there was two elements with the same name and id on the page. |
| | | Fixed bug where it was possible to add style information to the body element using the style plugin. |
| | | Fixed bug where Gecko would add an extra undo level some times due to the blur event. |
| | | Fixed bug where the underline icon would get active if the caret was inside a link element. |
| | | Fixed bug where merging th cells not working correctly. Patch contributed by André R. |
| | | Fixed bug where forecolorpicker and backcolorpicker buttons where rendered incorrectly when the o2k7 skin was used. |
| | | Fixed bug where comment couldn't contain -- since it's invalid markup. It will now at least not break on those invalid comments. |
| | | Fixed bug where apos wasn't handled correctly in IE. It will now convert apos to ' on IE since that browser doesn't support that entity. |
| | | Fixed bug where entities wasn't encoded correctly inside pre elements since they where protected from whitespace removal. |
| | | Fixed bug where color split buttons where rendered incorrectly on IE6 when using the non default theme. |
| | | Fixed so caret is placed after links ones they are created, to improve usability of the editor. |
| | | Fixed so you can select tables by clicking on it's borders in non IE browsers to normalize the behavior. |
| | | Fixed so the menus can be toggled by clicking once more on the icon in listboxes, menubuttons and splitbuttons based on code contributed by Josh Peek. |
| | | Fixed so buttons can be labeled, currently only works with the default skin, so it's kind of experimental. Patch contributed by Daniel Insley. |
| | | Fixed so forecolorpicker and backcolorpicker remembers the last selected color. Patch contributed by Shane Tomlinson. |
| | | Fixed so that you can only execute the mceAddEditor command once for the same instance name. |
| | | Fixed so command functions added with addCommand can pass though the call to default handles if it returns true. |
| | | Version 3.0.6.2 (2008-04-07) |
| | | Fixed bug where empty tables couldn't be edited correctly on non IE browsers if they where loaded into the editor. |
| | | Fixed bug where it was impossible to resize layers correctly in IE since it thought it was an image. |
| | | Fixed bug where an editor instance was stealing focus in IE resulting in a scroll to the editor on page reloads. |
| | | Fixed bug where Safari was crashing on Mac OS X if you closed dialogs using the Esc key. |
| | | Version 3.0.6.1 (2008-04-04) |
| | | Added support for the missing mceAddFrameControl command. The input for this command has changed so consult the Wiki. |
| | | Fixed bug where sub menus for the drop menus would leave an empty element behind. |
| | | Fixed memory leak in IE if the editor was placed in a frame or iframe. |
| | | Version 3.0.6 (2008-04-03) |
| | | Added elements to the default value of valid_elements option. It now contains all XHTML strict elements and a few transitional. |
| | | Added more accessibility fixes, it's now possible to navigate and close list boxes and split button menus with the keyboard. |
| | | Added missing getInfo method to the contextmenu and safari plugin, this caused problems for the Drupal module. |
| | | Added new inlinepopups_zindex option to the inlinepopups plugin so that you can configure the default start z-index. |
| | | Added new setControlType method to the tinymce.ControlManager class. This method enables you to override the default classes. |
| | | Added ability to specific an optional control class to use instead of the default one for the ControlManager methods. Based on concept by Josh Peek. |
| | | Fixed bug where attribute rules for the DOM Serializer couldn't contain - or _ characters in their names. |
| | | Fixed bug where inlinepopups event blocker and modal dialog blocker elements produced vertical scrollbars. |
| | | Fixed bug where there was a rendering issue with quirks mode in Safari moving the resize handle to an incorrect position. |
| | | Fixed bug with forecolor/backcolor controls on IE. Sometimes elements positioned relative will generate display errors. |
| | | Fixed bug where a p2 was leaking out in the global name space when you selected a color from the forecolor/backcolor controls. |
| | | Fixed bug where empty paragraphs didn't work as expected in browsers other than IE. |
| | | Fixed bug where the load method of the tinymce.dom.ScriptLoader didn't check if the file was already loaded. |
| | | Fixed bug where the load method for the PluginManager and ThemeManager didn't check if a plugin/theme by a specific name was all ready loaded. |
| | | Fixed bug where the theme_advanced_link_targets option didn't work correctly with the advanced themes link dialog. Patch contributed by Arnold B. |
| | | Fixed bug where the style command would merge classes into empty span elements. |
| | | Fixed bug where the style command would remove empty span elements outside the current selection. |
| | | Fixed bug where the fix for the Safari backspace bug removed all editor contents if it was filled with empty paragraphs. |
| | | Fixed bug where alert and confirm boxes opened by the inlinepopups plugin would produce an exception if domain relaxing was used. |
| | | Fixed bug where Safari was adding style attributes to all elements when you paste them into the editor. |
| | | Fixed bug where the spellchecker menus was visually incorrect since the space for the non existing icon was still there. |
| | | Fixed bug where remove_linebreaks option didn't remove line breaks inside the text contents of a element. |
| | | Fixed bug where Safari 3.1 was introducing _mc_tmp into paragraphs due to the new querySelectorAll and a TinyMCE specific workaround. |
| | | Fixed bug where getParam method in the Editor class was returning incorrect objects and would mess up the font drop down. Patch contributed by speednet. |
| | | Fixed bug where the table dialog would produce an exception in IE when you edited tables since it tried to place focus in a disabled field. |
| | | Fixed bug where class attribute on some span elements was removed on cleanup. |
| | | Fixed bug where resizing the editor in IE could produce an exception if the editor width/height got to be a negative value. |
| | | Fixed bug where wmv files wouldn't play since the src param was used instead of the url param. |
| | | Fixed bug where br elements would be added here and there in Gecko. Geckos internal _moz_dirty br elements where serialized as well. |
| | | Fixed bug where editing named anchors would produce two anchors instead of one updated one. |
| | | Fixed bug where arrow and function keys didn't work when an noneditable element was focused within the editor. |
| | | Fixed bug where the dispatcher could produce an exception if the listener list was altered inside an event callback. |
| | | Fixed bug where it was impossible to totally empty the editor contents on Safari due to an mistreatment of nbsp as whitespace. Patch contributed by Andrew Ozz. |
| | | Fixed bug where TinyMCE would not convert textareas with the same name attribute value. It will now generate an unique id for those textareas. |
| | | Fixed bug where backspace/delete key was deleting td elements inside tables while running on Gecko. |
| | | Fixed bug where Firefox 3.0b4 and Opera 9.26 where scrolling to the top of document when pressing return/enter. |
| | | Fixed bug where the template plugin wasn't just inserting the mceTmpl tagged element. |
| | | Fixed bug where the alert method of the default WindowManager implementation didn't translate input language strings like the inlinepopups dialog does. |
| | | Fixed bugs with the backspace behavior in Gecko. The caret was placed on incorrect locations in the DOM sometimes. |
| | | Fixed so advimage dialog and table dialogs has support for editable select boxes for the class value. |
| | | Fixed so the media, pagebreak and spellchecker doesn't load it's default content.css file if the content_css option is set to false. |
| | | Fixed so the paste_use_dialog option works again it's enabled by default but can be disabled on IE. Patch contributed by Speednet. |
| | | Fixed so that the fullscreen editor is focused when switching fullscreen editing on. |
| | | Fixed so it's possible to edit images and links inside tables using the context menu. |
| | | Fixed so table dialogs and the advanced image dialog doesn't loose selection in IE if the dialogs where navigated/submitted with the keyboard. |
| | | Fixed so the theme_advanced_blockformats options can have named items for example title 1=h1;title 2=h2. |
| | | Fixed so it's possible to add a custom editor_css for the simple theme. |
| | | Fixed quirks with directionality rtl, patch contributed by Andrew Ozz. |
| | | Fixed so the inlinepopups default start zIndex is 300000. |
| | | Fixed typo in media plugin Shockware is now replaced with Shockwave. |
| | | Fixed psuedo memory leak in IE with the replaceChild method inside the DOMUtils.replace method. |
| | | Fixed so memory is released when an editor instance is removed from page. |
| | | Optimized the color split button menus so that they use less event handlers. |
| | | Removed the util/mclayer.js file since it's no longer used by any of the TinyMCE dialogs and is considered deprecated. |
| | | Version 3.0.5 (2008-03-12) |
| | | Added new black skin variant to the o2k7 skin contributed by Stefan Moonen. |
| | | Added new explode method to the tinymce core class. This does a split but removed whitespace it also defaults to a , delimiter. |
| | | Added new detection logic for IE 8 standards mode into the DOMUtils class strMode can now be checked to see if that mode is on/off. |
| | | Added new noscale option value for the scale select box for Flash in the media plugin. |
| | | Fixed bug where the menu for the ColorSplitButton wasn't removed when the editor was removed. |
| | | Fixed bug where font colors couldn't be edited correctly since the style of the element didn't get updated correctly. |
| | | Fixed bug where class of elements would get lost when TinyMCE was fixing incorrect HTML markup. |
| | | Fixed bug where table editing would produce double height values. |
| | | Fixed bug where width style value wouldn't be removed if you switched width unit from cm/em to pixels or percent. |
| | | Fixed bug where the search/replace input box wasn't auto focused like the other dialogs. |
| | | Fixed bug where the old mceAddControl command would use the fullscreen settings next time it created an instance. |
| | | Fixed bug where multiple lines where added to the target cell if you merged multiple empty cells. |
| | | Fixed bug where drop down menus would be incorrectly positioned inside scrollable divs. |
| | | Fixed bug where the separators of the silver skin variant didn't display correctly in IE 6. |
| | | Fixed bug where createStyleSheet seems to load scripts at opposite order in some IE versions. |
| | | Fixed bug where directionality could produce odd results for the UI and the dialogs. |
| | | Fixed bug where the DOM serializer wouldn't serialize custom namespaced attributes in IE 6 using the *[*] valid elements rule. |
| | | Fixed bug where table caption would be inserted after the thead element if you swapped a tr to be inside the thead. |
| | | Fixed bug where the youtube detection logic for the media plugin was to generic. |
| | | Fixed so the deprecated and undocumented theme_advanced_path_location set to none won't hide the whole statusbar. |
| | | Fixed so most input lists can have whitespace in them they are now split using the new tinymce.explode method. |
| | | Fixed so the popup_css and popup_css_add URLs are relative to where the current document is located. |
| | | Fixed various bugs and quirks with the store/restore selection logic. |
| | | Fixed so the editor starts in IE 8 standards mode but still that browser is very very buggy. |
| | | Fixed so dialog_type set to modal will block the background and other inline windows and only give access to the front most window. |
| | | Version 3.0.4.1 (2008-03-08) |
| | | Fixed critical bug where it was impossible to edit images when inlinepopups where used due to lost selection in IE. |
| | | Version 3.0.4 (2008-03-07) |
| | | Added new option constrain_menus, this enables you to force view port constraints on all menus. Contributed by Shane Tomlinson. |
| | | Fixed bug where table background wasn't visible inside the editor due to a default CSS rule overriding the style attribute. |
| | | Fixed bug where links would get a null class added if no styles was used in IE. |
| | | Fixed bug where spellchecker was auto focusing the editor in IE. |
| | | Fixed bug where document.domain would produce invalid argument if the editor was loaded in IE6 over a network UNC path. |
| | | Fixed bug where table height attribute was used, this is deprecated in XHTML so it now adds it as an style. |
| | | Fixed bug where textareas with style values would produce error in IE. |
| | | Fixed so the first element in each dialog is focused by default to enhance keyboard usage. |
| | | Fixed so you can add a mceFocus class to elements to make it auto focused. |
| | | Fixed so you can close dialogs using the esc key. |
| | | Fixed so you can press return/enter to submit the action of each dialog. |
| | | Fixed so tabbing inside an inline popups wont focus the resize anchor elements. |
| | | Fixed so you can press ok in inline alert messages using the return/enter key. |
| | | Fixed so textareas can be set to non px or % sizes for example em, cm, pt etc. |
| | | Fixed so non pixel values can be used in width/height properties for tables. |
| | | Fixed so the custom context menu can be disabled by holding down ctrl key while clicking. |
| | | Fixed so the layout for the o2k7 skin looks better if you don't have separators before and after list boxes. |
| | | Fixed so the sub classes get a copy of the super class constructor function to ease up type checking. |
| | | Fixed so font sizes for the format block previews are normalized according to http://www.w3.org/TR/CSS21/sample.html (it can be overridden). |
| | | Fixed so font sizes for h1-h6 in the default content.css is normalized according to http://www.w3.org/TR/CSS21/sample.html (it can be overridden). |
| | | Version 3.0.3 (2008-03-03) |
| | | Fixed bug where an error about document.domain would be thrown if TinyMCE was loaded using a different port. |
| | | Fixed bug where mode exact would convert textareas without id or name if the elements option was omitted. |
| | | Fixed bug where the caret could be placed at an incorrect location when backspace was used in Gecko. |
| | | Fixed bug where local file:// URLs where converted into absolute domain URLs. |
| | | Fixed bug where an error was produced if a editor was removed inside an editor command. |
| | | Fixed bug where force_p_newlines didn't effect the paste plugin correctly. |
| | | Fixed bug where the paste plugin was producing an exception on IE if you pasted contents with middots. |
| | | Fixed bug where delete key could produce exceptions in Gecko sometimes due to the fix for the table cell bug. |
| | | Fixed bug where the layer plugin would produce an visual add class called mceVisualAid this one is now renamed to mceItemVisualAid to mark it internal. |
| | | Fixed bug where TinyMCE wouldn't initialize properly if ActiveX controls was disabled in IE. |
| | | Fixed bug where tables and other elements that had visual aids on them would produce an extra space after any custom class names. |
| | | Fixed bug where search with an empty string would produce some odd "invalid pointer" error in IE. |
| | | Fixed bug where elements like menus where placed at incorrect positions in Opera 9.26. |
| | | Fixed bug where IE was loosing focus of the editor when you clicked some dropmenu and if it was placed in a frame or iframe. |
| | | Fixed bug where focus of images could be lost in IE if you focused the accessibility confirm dialog in the advimage plugin. |
| | | Fixed bug where nestled font elements would produce odd output like missing font elements. |
| | | Fixed bug where text colors and styles got removed if invalid_elements included the font element. |
| | | Fixed bug where text-decoration set to underline or line-through would remove other styles from span elements. |
| | | Fixed bug where editor contents like \n\n would be incorrectly handled and processed as real line feeds. |
| | | Fixed bug where incorrectly encoded urls with ampersands in them would be decoded incorrectly. |
| | | Optimized the DOMUtils decode method to be a lot faster if the string doesn't have any entities to decode. |
| | | Version 3.0.2.1 (2008-02-26) |
| | | Fixed alert/confirm dialogs so they display correctly. |
| | | Version 3.0.2 (2008-02-26) |
| | | Added new body_id option that enables you to specify the id of the body inside the editor iframe based on ideas by David Bildström (ChronoZ). |
| | | Added new body_class option that enables you to set the class for the body of the editor iframe based on ideas by David Bildström (ChronoZ). |
| | | Added new CSS class to the default content.css files mceForceColors that forces white background and black text can be used with the body_class option. |
| | | Added new type parameter to the Editor.getParam function to reduce redundant logic for parsing hash tables. |
| | | Added new isDone method to the ScriptLoaded class, this enables you to check if a script has been loaded or not. |
| | | Added new resizeTo and resizeBy methods for the advanced theme. Can be called using tinyMCE.activeEditor.theme.resizeTo(w, h); |
| | | Added new skin_variant option this can be used to extend existing skins with slight modifications like color. |
| | | Added new variant of the o2k7 skin called "silver" based on a contribution made by Stefan Moonen. |
| | | Fixed bug where the template plugin might produce errors if the template_mdate_classes wasn't configured. |
| | | Fixed bug where the media plugin didn't convert the URLs for movies once they where inserted. |
| | | Fixed bug where the style field for the advlink dialog didn't work correctly if you edited an existing link. |
| | | Fixed bug where alignment of toolbars would fail in editor was uses in a quirks mode on IE, fix contributed by Peter Wood & Art Lawry. |
| | | Fixed bug where initialization of multiple editors at the same time using the mceAddControl method would produce errors. |
| | | Fixed bug where initialization of editors using mceAddControl command or new tinymce.Editor calls would fail during page load. |
| | | Fixed bug where the check for domain relaxing could fail if the document.domain property was changed by another script. |
| | | Fixed bug where textareas couldn't be named description or any other name that matches the meta elements in IE and Opera. |
| | | Fixed bug where the element path would fail sometimes in IE due to "unknown runtime error" on innerHTML. |
| | | Fixed bug where Safari would crash if you was hiding the editor before serializing the contents. |
| | | Fixed bug where the editor wasn't scaled propertly in fullscreen mode using the old fullscreen_new_window option. |
| | | Fixed bug where render method didn't load language packs in IE and Opera if you rendered an editor during page load. |
| | | Fixed bug where resizing the browser window in fullscreen didn't resize the editor. |
| | | Fixed bug where the blockquote command didn't move the caret inside the new empty blockquote if you used it on an empty document. |
| | | Fixed bug where auto in a style width/height for the textarea would produce an editor with the size value of 100. Fix contributed by Shane Tomlinson. |
| | | Fixed bug where restoration of selection at the beginning of an element could fail in Gecko. |
| | | Fixed bug where caret restoration after a cleanup could place the it at an incorrect location. |
| | | Fixed bug where delete key inside td elements would delete the cell in Gecko. |
| | | Fixed so the blockquote button toggles individual lines. This behavior is a bit more like the old indentation behavior in the 2.x branch. |
| | | Fixed so the dialog language packs only gets loaded the first time you open a dialog. |
| | | Fixed so all classes in the whole UI is prefixed with "mce" to avoid collisions, use the skin converter to update your existing skins. |
| | | Fixed so all classes in the inlinepopups logic is prefixed with "mce" to avoid collisions, use the skin converter to update your existing skins. |
| | | Fixed so that the window in fullscreen mode can be resized when fullscreen_new_window option is enabled. |
| | | Fixed so blockquote elements are formatted in the source output with an linefeed before and after it. |
| | | Optimized the editor initialization by reducing the number of calls to getBookmark/moveToBookmark. |
| | | Version 3.0.1 (2008-02-21) |
| | | Added spellchecker plugin into the main package, but without any backend can be specified with the spellchecker_rpc_url option. |
| | | Added src attribute for script elements to the default valid_elements option value. |
| | | Added extra parameter to the class_filter callback it can now also filter out classes based on the whole CSS rule. |
| | | Added support for domain relaxing, TinyMCE can now be loaded from an remote domain as long as they are on the same root domain. |
| | | Added support for custom elements the new custom_elements option enables you to add non HTML elements to the editor. |
| | | Added support for the W3C Selectors API that was added to latest nightly build of WebKit. |
| | | Fixed bug where some object param element wasn't stored correctly using the media plugin. |
| | | Fixed bug where Opera was scrolling to top of page is drop menus on list boxes where displayed. |
| | | Fixed bug where IE6 was crashing if a format block was used on a container with anchor elements. |
| | | Fixed bug where spans with font sizes wasn't handled correctly when editor was loading contents. |
| | | Fixed bug where mode exact couldn't convert editors with name only. Id is no longer required but recommended. |
| | | Fixed bug where the mceInsertRawHTML command produced an extra undo level. |
| | | Fixed bug where the specific_textareas mode didn't work correctly this is the same thing as textareas now. |
| | | Fixed bug where the values of input elements in the HTML page of dialogs pages where changed in IE. |
| | | Fixed bug where fullscreen and fullpage plugins didn't work well together. |
| | | Fixed bug where embed elements wasn't handled properly in the media plugin. |
| | | Fixed bug where style information on span elements gets munged when fonts are converted to spans. |
| | | Fixed bug where some entities in element attributes where encoded incorrectly in the latest WebKit build. |
| | | Fixed bug where initialization would fail in IE if there where two input elements with the name submit in the form. |
| | | Fixed bug where fullscreen mode didn't work correctly in IE when the fullscreen_new_window option was used. |
| | | Fixed bug where invalid contents like an ul inside a p element would produce odd results in IE. |
| | | Fixed bug where Opera 9.2x was placing the drop menus at incorrect locations if the editor was placed in a table. |
| | | Fixed bug where Opera was producing odd results if enter/return was pressed while having forced_root_blocks disabled. |
| | | Fixed bug where layer plugin was stealing focus in IE on initialization. |
| | | Fixed bug where body attributes wasn't set properly in the fullpage plugin, fix contributed by Hiroaki Kawai. |
| | | Fixed bug where insert image and insert link dialogs where producing an extra level in the undo history. |
| | | Fixed bug where Gecko would produce an error if empty elements like <div></div> where inserted using mceInsertContent. |
| | | Fixed bug where center alignment of images produced odd results inside table cells. |
| | | Fixed bug where center alignment of images couldn't be toggled correctly. |
| | | Fixed bug where alignment of images inside tables would produce double float style items in IE if the fix_table_elements option was enabled. |
| | | Fixed bug where a variable called 'v' was polluting the global namespace. Objects tinymce and tinyMCE are the only ones allowed to be global. |
| | | Fixed bug where insert table from context menu couldn't insert new tables inside existing tables. |
| | | Fixed bug where Safari wouldn't produce br elements on enter when the force_br_newlines option was enabled. |
| | | Fixed bug where switching cell type in table cell dialog would produce odd attributes in IE. |
| | | Fixed bug where Gecko was outputting internal attributes if valid_elements where set to "*[*]". |
| | | Fixed bug where the style plugin would produce non hex colors inside the dialog when running on Gecko. |
| | | Fixed bug where an empty src value for insert image would remove the currently selected image if it wasn't and image element. |
| | | Fixed bug where hidden input elements would break the logic for the tab_focus option. |
| | | Fixed bug where save button wasn't working correctly in fullscreen mode. |
| | | Fixed bug where the editor was forced to be placed in a form element if the save_onsavecallback option was used. |
| | | Fixed bug where upper case param attributes wasn't parsed correctly in the media plugin. |
| | | Fixed bug where render method of tinymce.Editor class would produce an exception if the strict_loading_mode option was omitted. |
| | | Fixed bug where nodeChanged event could be fired while the editor was loading and there for produce an exception in FF. |
| | | Fixed bug where no undo levels where added if the user created new table rows using the tab key on Gecko. |
| | | Fixed bug where tables would be broken if you selected a different block format for contents withing an table cell. |
| | | Fixed bug where the render method of the tinymce.Editor class didn't setup the tinymce.EditorManager.settings object correctly. |
| | | Fixed bug where the advanced image dialog would go to the first tab if the alternative image was changed using the file browser link. |
| | | Fixed bug where the forced_root_block option would produce BR elements inside empty blocks if the block wasn't a paragraph. |
| | | Fixed bug where the forced_root_block doesn't work correctly on IE if the specified element was something else than paragraphs. |
| | | Fixed bug where selection of images would get lost if user selected something from the context menu in IE. |
| | | Fixed bug where the context menu plugin would pollute the global namespace with two variables p1 and p2. |
| | | Fixed compatibility issue with Mootools, it is destroying document.getElementById on unload in IE. (Mantra: You don't own the internal objects). |
| | | Fixed bugs where dialogs/tabs and other UI elements where rendered incorrectly in Firefox 3. |
| | | Fixed so the auto CSS class importer is compatible with 2.x. |
| | | Fixed so the editor UI and inlinedialogs works correctly with the YUI CSS reset package. |
| | | Fixed so header and footer elements are forced to lower case when the fullpage plugin is used. |
| | | Fixed so load prefixes "-" for plugins and themes isn't required if the plugin/theme was loaded by the ThemeManager/PluginManager. |
| | | Fixed so the JSONRequest uses application/json content type to make Ruby on rails happy. |
| | | Fixed so the CSS rule is more exact for the body in the default content.css files. Body is now defined as "body.mceContentBody" instead of just "body". |
| | | Fixed so the tiny_mce_dev.js uses XHR instead of document.write to load scripts to resolve an issue with Opera 9.50. |
| | | Fixed so language pack loading can be disabled by setting the language option to false. Can be useful for systems with their own language pack management. |
| | | Version 3.0 (2008-01-30) |
| | | Added map and area elements to the default valid_elements list and also some indentation rules. |
| | | Fixed bug where empty paragraphs wasn't padded when loading contents. |
| | | Fixed bug where the RowLayout manager didn't work at all. |
| | | Fixed bug where style attribute data would get messed up in advimage dialog. |
| | | Fixed bug where the table dialogs class select wasn't updated correctly. |
| | | Fixed bug where elements would get extra whitespace around on insert when body was present in valid_elements. |
| | | Fixed bug where coords attribute of the area element wasn't handled properly in IE. |
| | | Fixed bug where Safari didn't produce BR elements on shift+return. |
| | | Fixed bug where force blocks would cast odd invalid attribute exception in IE. |
| | | Fixed bug where media plugin would produce extra whitespace before and after objects. |
| | | Fixed bug where cleanup_callback could break the contents of the editor. But use the new event system instead of this option. |
| | | Fixed bug where the tab_focus option didn't work between editor instanced. You can now tab between editors. |
| | | Fixed bug where the load function of the ScriptLoader class didn't load single files without the load que as it was supposed to. |
| | | Fixed bug where the execcommand_callback parameter order was incorrect. Recommendation use the new addCommand method. |
| | | Fixed bug where range.select calls sometimes failed on some IE versions. |
| | | Fixed bug where Safari was scrolling to top of document when enter/returned was pressed. |
| | | Fixed bug where fullscreen_new_window option didn't work correctly. |
| | | Fixed bug where the nonbreaking plugin inserted an space instead of an non breaking space the first time. |
| | | Fixed bug where the visualization of non breaking spaces where visual in element path. |
| | | Fixed so the focus is restored to the editor after inserting an custom character. |
| | | Fixed so the isNotDirty state is set to false if a new undo level is added. |
| | | Fixed so pointless style information for borders gets removed in IE. |
| | | Fixed so the resize button has a se-resize cursor css value. |
| | | Version 3.0rc2 (2008-01-18) |
| | | Added new fix_nesting option to fix bug #1867292, this is disabled by default. |
| | | Added new indentation option enables you to specify how much each indent/outdent call will add/remove. |
| | | Added easier support for enabling/disabling icon columns on drop menues. |
| | | Added new menu button control class. This control is very similar to the splitbutton but without any onclick action. |
| | | Added support for previous tab focus (shift+tab). The tab_focus setting now takes two items next and previous element. |
| | | Fixed bug where iframes inside the editor got removed in Firefox on initial load. |
| | | Fixed bug where the CSS for abbr elements wasn't applied correctly in IE. |
| | | Fixed bug where mceAddControl on element inside a hidden container produced errors. |
| | | Fixed bug where closed anchors like <a /> produced strange results. |
| | | Fixed bug where caret would jump to the top of the editor if enter was pressed a the end of a list. |
| | | Fixed bug where remove editor failed if the editor wasn't properly initialized. |
| | | Fixed bug where render call on for a non existing element produced exception. |
| | | Fixed bug where parent window was hidden when the color picker was used in a non inlinepopups setup. |
| | | Fixed bug where onchange event wasn't fired correctly on IE when color picker was used in dialogs. |
| | | Fixed bug where save plugin could not save contents if the converted element wasn't an textarea. |
| | | Fixed bug where events might be fired even after an editor instance was removed such as blur events. |
| | | Fixed bug where an exception about undefined undo levels could be throwed sometimes. |
| | | Fixed bug where the plugin_preview_pageurl option didn't work. |
| | | Fixed bug where adding/removing an editor instance very fast could produce problems. |
| | | Fixed bug where the link button was highlighted when an anchor element was selected. |
| | | Fixed bug where the selected contents where removed if a new anchor element was added. |
| | | Fixed bug where splitbuttons where rendered one pixel down in the default theme. |
| | | Fixed bug where some buttons where placed at incorrect positions in the o2k7 theme. |
| | | Fixed bug that made it impossible to visually disable a custom button that used an image instead of CSS sprites. |
| | | Fixed bug where it wasn't possible to press delete/backspace if the editor was added+removed and re-added due to a FF bug. |
| | | Fixed bug where an entities option with only 38,amp,60,lt,62,gt would fail in IE. |
| | | Fixed bug where innerHTML sometimes generated unknown runtime error on IE. |
| | | Fixed bug where content_css files wasn't loaded in the template preview iframe. |
| | | Fixed bug where scroll position was incorrect when toggling fullscreen mode. |
| | | Fixed bug where restoration of overflow didn't work correctly when disabling fullscreen mode in Opera. |
| | | Fixed bug where drop menus where places at incorrect locations if the editor was placed in a scrollable container element. |
| | | Fixed bug where hideMenu didn't hide sub menus correctly. It will now hide all menus recursively. |
| | | Fixed so theme_advanced_path_location can be used in init options for compatibility reasons. |
| | | Fixed so the drop menu colors matches the rest of o2k7 theme. |
| | | Fixed so the preview example.html file is updated to the new 3.x API. |
| | | Fixed so the margins are the same by default inside the editable area between IE and other browsers. |
| | | Fixed so editor contents gets stored before it the onSubmit event is fired. |
| | | Version 3.0rc1 (2008-01-08) |
| | | Added new classes for toolbar rows in advanced theme mceToolbarRow1..n enabled you to change appearance of individual rows. |
| | | Added auto detection for the strict_loading_mode option when running in application/xhtml+xml mode on Gecko. |
| | | Optimized the HTML serializer by bundling some post process methods together. |
| | | Fixed so that the toolbars have unique IDs, enables you to alter the toolbars using the ControlManager and the DOM. |
| | | Fixed bug where delta values for dialog sizes in language packs didn't work correctly due to missing string to number casting. |
| | | Fixed bug where paragraph generation logic didn't handle hr or table elements correctly if they where the only element. |
| | | Fixed bug where some elements got extra linebreaks added after or before it in HTML output. |
| | | Fixed bug where it was hard to modify existing style data on table rows and table cells. |
| | | Fixed bug where the dom.getRect method didn't handle non pixel values correctly. |
| | | Fixed bug where strikethrough and underline couldn't be toggled on existing span elements. |
| | | Fixed bug where the postprocessor searched for nsbp instead of nbsp entities. |
| | | Fixed bug where it was impossible to edit links that had child elements within them. |
| | | Fixed bug where it was possible to click on the parent item of a submenu. |
| | | Fixed bug where mouseover/mouseout images couldn't be removed in advimage dialog. |
| | | Fixed bug where drop menus didn't work when running in application/xhtml+xml mode. |
| | | Fixed bug where Opera added doctype to output in application/xhtml+xml mode. |
| | | Fixed bug where some DOM methods didn't work correctly in the application/xhtml+xml mode. |
| | | Fixed bug where the inlinepopups didn't work correctly in the application/xhtml+xml mode. |
| | | Fixed bug where the ColorSplitButton didn't display correctly in the application/xhtml+xml mode. |
| | | Fixed bug where the UI layout was incorrect on Gecko browsers when running in application/xhtml+xml mode. |
| | | Fixed bug where the word paste plugin produced exception while running in application/xhtml+xml mode. |
| | | Fixed bug where there wasn't any hidden input element generated for divs while running in application/xhtml+xml mode. |
| | | Fixed bug where indentation of script/style/pre elements where incorrect. |
| | | Fixed bug where script element contents was removed in IE. |
| | | Fixed bug where script element contents got entity encoded. |
| | | Fixed bug where you couldn't edit existing element styles using the styles plugin. |
| | | Fixed bug where styles wasn't updated properly sometimes due to an performance enhancement. |
| | | Fixed bug where font sizes couldn't be changed using the style plugin. |
| | | Fixed bug where an error was produced in Gecko browsers when switching back from fullscreen mode. |
| | | Fixed bug where Opera was producing br elements after elements like h3. |
| | | Fixed bug where TinyMCE couldn't be loaded on a page using - characters in it's URL. |
| | | Fixed bug where the editor container element was forced to have a specific name. |
| | | Fixed bug with force_br_newlines option on Firefox, even though it should never be used (Read FAQ). |
| | | Fixed bug where onclick event had an return true; prefix added when creating an popup. |
| | | Fixed bug where the theme_advanced_statusbar_location option couldn't handle the value "none". |
| | | Fixed issue with URLs with multiple at characters for example an Zope URI. |
| | | Fixed so simple and advanced themes doesn't collide. |
| | | Fixed so a elements gets removed when the href field is left empty, the href attribute is required in a link after all. |
| | | Fixed so img elements gets removed when the src field is left empty, the src attribute is required for all images after all. |
| | | Removed the indent and encode methods from the tinymce.dom.Serializer class due to performance enhancement and reduction of the API size. |
| | | Version 3.0b3 (2007-12-14) |
| | | Added new getElement method to Editor class, returns the element that was replaced with the editor instance. |
| | | Added new unavailable prefix for disabled controls for accessibility reasons. |
| | | Fixed bug where regexp patterns couldn't be used for the editor_selector/editor_deselector options. |
| | | Fixed bug where the DOM wasn't properly initialized before the onInit event was executed in popups. |
| | | Fixed bug where font sizes where reduced by font size actions on previous spans in Safari. |
| | | Fixed bug where HR elements got places at the wrong location in IE. |
| | | Fixed bug where align/justify didn't work correctly on multiple paragraphs. |
| | | Fixed bug with missing translation for cell scope settings. |
| | | Fixed bug where selection/caret position was lost on some table actions. |
| | | Fixed bug where editor instances couldn't be added to hidden div elements. |
| | | Fixed bug where list elements in Safari would get an odd ID attribute. |
| | | Fixed bug where IE would return <html/> when the editor was completely empty. |
| | | Fixed bug where accessibility title attribute for access keys wasn't setup properly. |
| | | Fixed bug where forecolorpicker and backcolorpicker control names wasn't working. |
| | | Fixed bug where inserting template content didn't work in Safari due to selection exception. |
| | | Fixed bug where absolute URLs to remote hosts couldn't be used for background images. |
| | | Fixed bug where mysterious span elements where produced in Safari when injecting HTML contents. |
| | | Fixed bug where the media plugin didn't work correctly on the latest Opera 9.24. |
| | | Fixed bug where indentation of HTML output wasn't applied to all block elements. |
| | | Fixed bug where Safari was production DOM exception if you pressed enter in an empty editor. |
| | | Fixed bug where media plugin didn't parse script tags correctly patch contributed by Mathieu Campagna. |
| | | Fixed bug where the drop menus of list boxes like blockformat could produce scrolling of the page. |
| | | Fixed bug where the drop menus where placed at an incorrect location if TinyMCE was placed in a scrollable div. |
| | | Fixed bug where submit buttons couldn't be named submit, it's not recommended to name submit buttons submit anyway. |
| | | Fixed bug where the stylelistbox produced an exception if there was only one class in the list box. |
| | | Fixed bug where the stylelistbox wasn't updated correctly when the current class was removed. |
| | | Fixed bug where the formatblock command sometimes removed the body element. |
| | | Fixed bug where fullscreen switching in IE sometimes produced an exception when the spellchecker plugin was enabled. |
| | | Fixed issue where FF produced an empty paragraph when the editor was completely empty. |
| | | Fixed issue with size of image dialog in the advanced theme. |
| | | Fixed issues with the bbcode plugin it now also handles spans and the [font] rule. |
| | | Fixed so the style compression feature is a bit smarter to resolve issues with Opera. |
| | | Reintroduced the remove_linebreaks option, this is enabled by default. |
| | | Version 3.0b2 (2007-11-29) |
| | | Added type and compact attributes to the default valid_elements list for the ul and ol elements. |
| | | Added missing accessibility support to native list boxes in both the toolbar and dialogs. |
| | | Added missing access key for the element path for accessibility reasons. |
| | | Fixed support for loading themes from external URLs. |
| | | Fixed bug where setOuterHTML didn't work correctly when multiple elements where passed to it. |
| | | Fixed bug with visualchars plugin was moving elements around in the DOM. |
| | | Fixed bug with DIV elements that got converted into editors on IE. |
| | | Fixed bug with paste plugin using the old event API. |
| | | Fixed bug where the spellchecker was removing the word when it was ignored. |
| | | Fixed bug where fullscreen wasn't working properly. |
| | | Fixed bug where the base href element and attribute was ignored. |
| | | Fixed bug where redo function didn't work in IE. |
| | | Fixed bug where content_css didn't work as previous 2.x branch. |
| | | Fixed bug where preview dialog was throwing errors if the content_css wasn't defined. |
| | | Fixed bug where the theme_advanced_path option didn't work like the 2.x branch. |
| | | Fixed bug where the theme_advanced_statusbar_location was called theme_advanced_status_location. |
| | | Fixed bug where the strict_loading_mode option didn't work if you created editors dynamically without using the EditorManager. |
| | | Fixed bug where some language values wasn't translated such as insert and update in dialogs. |
| | | Fixed bug where some image attributes wasn't stored correctly when inserting an image. |
| | | Fixed bug where fullscreen mode didn't restore scrollbars when disabled. |
| | | Fixed bug where there was no visual representation for tab focus in toolbars on IE. |
| | | Fixed bug where HR elements wasn't treated as block elements so forced_root_block would fail on these. |
| | | Fixed bug where autosave presented warning message even when the form was submitted normally. |
| | | Fixed typo of openBrower it's now openBrowser in form_utils.js. |
| | | Fixed various HTML problems like missing TD elements and duplicated doctypes. |
| | | Fixed default values for theme_advanced_resize_horizontal, theme_advanced_resizing_use_cookie to be 2.x compatible. |
| | | Moved spellchecker JS files into the development package. |
| | | Removed support for theme_advanced_path_location since the theme_advanced_statusbar_location is the correct option name. |
| | | Version 3.0b1 (2007-11-21) |
| | | Added new tab_focus option, that enables you to specify a element id or that the next element to be focused on tab key down. |
| | | Added new addQueryValueHandler method to the tinymce.Editor class. |
| | | Added new class_filter option, this enables you to specify a function that can filter out CSS classes for the styles list box. |
| | | Added support form [url=url]title[/url] to the bbcode plugin. |
| | | Renamed the addCommandQueryState method in the tinymce.Editor class to addQueryStateHandler. |
| | | Renamed loadQue to loadQueue, to correct spelling. |
| | | Removed the createDOM method from the window manager and replace it with a createInstance method. |
| | | Removed the add to beginning of class attribute parameter of the DOMUtils.addClass method. |
| | | Fixed bug with the forced_root_block option, didn't work correctly with multiple inline elements. |
| | | Fixed bug where image dialogs replaced the current image element with a new one even when it was updated. |
| | | Fixed bug where the submit trigger wasn't executed when divs where converted into editor instances. |
| | | Fixed bug where div elements that got converted into editors didn't get a hidden input element generated for them. |
| | | Fixed bug where the the media_use_script option for the media plugin wasn't working correctly. |
| | | Fixed bug where the font size and font family listboxes wasn't updated correctly on Safari. |
| | | Fixed bug where the height of the fieldset in default image dialog for the advanced theme was to small. |
| | | Fixed bug where the font sizes behaved incorrectly after a cleanup on Safari. |
| | | Fixed bug where formatblock didn't work correctly in Safari on some elements. |
| | | Fixed bug where template plugin didn't insert content correctly unless some options where specified. |
| | | Fixed bug where charmap on Safari produced scrollbars. |
| | | Fixed bug where there was white artifacts in some dialogs due to missing background color. |
| | | Fixed bug where port was added to all external URLs if the editor was loaded from a custom port. |
| | | Fixed bug where the context menus got duplicated on Safari 3.0.4 on Mac OS X. |
| | | Fixed bug where dialogs like paste from word was huge on Firefox. |
| | | Fixed bug with media plugin not working with windows media objects. |
| | | Fixed bug where a forever loop was created if multiple instances where submitted using form.submit. |
| | | Fixed bug with editing a table produce error in IE when inlinepopups where used. |
| | | Fixed bug where the style plugin generated ugly looking style information in IE. |
| | | Fixed bug where the inline dialogs that got opened while in fullscreen mode wasn't visible. |
| | | Fixed bug where it was difficult to place the caret inside the word paste dialog. |
| | | Fixed bug where Opera produced strange border in the word paste dialog. |
| | | Fixed bug where viewport constraints could move a inlinepopup to a negative x, y position if the viewport was to small. |
| | | Fixed bug where template plugin was producing an error due to a deprecated API call. |
| | | Fixed bug where drag drop of images failed in Gecko if a document_base_url was specified. |
| | | Fixed bug where Firefox 3 failed to apply block formats like H1-H6 it still breaks on DIVs this has been reported to bugzilla. |
| | | Fixed bug where IE was producing a warning dialog about non secure items when running TinyMCE over HTTPS. |
| | | Fixed bug where the onbeforeunload event was triggered when menus or dialogs where opened. |
| | | Fixed bug where the fullscreen mode of the HTML view source box threw an error. |
| | | Fixed bug where the mceFocus command didn't work correctly. |
| | | Fixed bug where the selection could get lost in IE using inlinepopups. |
| | | Fixed so the body of the editor area has the mceContentBody class just like the 2.x branch. |
| | | Fixed so the media icon gets active when a media element is selected. |
| | | Version 3.0a3 (2007-11-13) |
| | | Added new experimental jQuery and Prototype framework adapters to the development package. |
| | | Added new translation.html file for the development package. Helps with the internationalization of TinyMCE. |
| | | Added new setup callback option, use this callback to add events to TinyMCE. This method is recommended over the old callbacks. |
| | | Added new API documetation to all classes, functions, events, properties to the Wiki with examples etc. |
| | | Added new init method to all plugins and themes, since it's shorter to write and it mimics interface capable languages better. |
| | | Fixed various CSS issues in the default skin such as alignment of split buttons and separators. |
| | | Fixed issues with mod_security. It didn't like that a content type of text/javascript was forced in a XHR. |
| | | Fixed all events so that they now pass the sender object as it's first argument. |
| | | Fixed some DOM methods so they now can take an array as input. |
| | | Fixed so addButton and the methods of the ControlManager uses less arguments and it now uses a settings object instead. |
| | | Fixed various issues with the tinymce.util.URI class. |
| | | Fixed bug in IE and Safari and the on demand gzip loading feature. |
| | | Fixed bug with moving inline windows sometimes failed in IE6. |
| | | Fixed bug where save_callback function wasn't executed at all. |
| | | Fixed bug where inlinepopups produces scrollbars if windows where moved to the corners of the browser. |
| | | Fixed bug where view HTML source failed when inserting a embedded media object. |
| | | Fixed bug where the listbox menus didn't display correctly on IE6. |
| | | Fixed bug where undo level wasn't added when editor was blurred. |
| | | Fixed bug where spellchecker wasn't disabled when fullscreen mode was enabled. |
| | | Fixed bug where Firefox could crash some times when the user switched to fullscreen mode. |
| | | Fixed bug where tinymce.ui.DropMenu didn't remove all item data when an item was removed from the menu. |
| | | Fixed bug where anchor list in advlink dialog wasn't populated correctly in Safari. |
| | | Fixed bug where it wasn't possible to edit tables in IE when inlinepopups was enabled. |
| | | Fixed bug where it wasn't possible to change the table width of an existing table. |
| | | Fixed bug where xhtmlxtras like abbr didn't work correctly on IE. |
| | | Fixed bug where IE6 had some graphics rendering issues with the inlinepopups. |
| | | Fixed bug where inlinepopup windows where moved incorrectly when they were boundary checked for min width. |
| | | Fixed bug where textareas without id or name couldn't be converted into editor instances. |
| | | Fixed bug where TinyMCE was stealing element focus on IE. |
| | | Fixed bug where the getParam method didn't handle false values correctly. |
| | | Fixed bug where inlinepopups was clipped by other TinyMCE instances or relative elements in IE. |
| | | Fixed bug where the contextmenu was clipped by other TinyMCE instances or relative elements in IE. |
| | | Fixed bug where listbox menus was clipped by other TinyMCE instances or relative elements in IE. |
| | | Fixed bug where listboxes wasn't updated correctly when the a value wasn't found by select. |
| | | Fixed various CSS issues that produced odd rendering bugs in IE. |
| | | Fixed issues with tinymce.ui.DropMenu class, it required some optional settings to be specified. |
| | | Fixed so multiple blockquotes can be removed with a easier method than before. |
| | | Optimized some of the core API to boost performance. |
| | | Removed some functions from the core API that wasn't needed. |
| | | Version 3.0a2 (2007-11-02) |
| | | Fixed critical bug where IE generaded an error on a hasAttribute call in the serialization engine. |
| | | Fixed critical bug where some dialogs didn't open in the non dev package. |
| | | Fixed bug when using the theme_advanced_styles option. Error was thrown in some dialogs. |
| | | Fixed bug where the close buttons produced an error when native windows where used. |
| | | Fixed bug in default skin so that split buttons gets activated correctly. |
| | | Fixed so plugins can be loaded from external urls outsite the plugins directory. |
| | | Version 3.0a1 (2007-11-01) |
| | | Rewrote the core and most of the plugins and themes from scratch. |
| | | Added new and improved serialization engine, faster and more powerful. |
| | | Added new internal event system, things like editor.onClick.add(func). |
| | | Added new inlinepopups plugin, the dialogs are now skinnable and uses clearlooks2 as default. |
| | | Added new contextmenu plugin, context menus can now have submenus and plugins can add items on the fly. |
| | | Added new skin support for the simple and advanced themes you can alter the whole UI using CSS. |
| | | Added new o2k7 skin for the simple and advanced themes. |
| | | Added new custom list boxes for font size/format/style etc with preview support. |
| | | Added new UI management, enabled plugins to create controls like splitbuttons or menus easier. |
| | | Added new JSON parser/serializer and JSON-RPC class to the core API. |
| | | Added new cookie utility class to the core API. |
| | | Added new Unit testing class to the core API only available in dev mode. |
| | | Added new firebug lite integration when loading the dev version of TinyMCE. |
| | | Added new Safari plugin, fixes lots compatibility of issues with Safari 3.x. |
| | | Added new URI/URL parsing it now handles the hole RFC and even some exceptions. |
| | | Added new pagebreak plugin, enables you to insert pagebreak comments like <!-- pagebreak --> |
| | | Added new on demand loading of plugins and themes. Enables you to load and init TinyMCE at any time. |
| | | Added new throbber/progress visualization a plugin can show/hide this when it's needed. |
| | | Added new blockquote button. Enables you to wrap paragraphs in blockquotes. |
| | | Added new compat2x plugin. Will provide a TinyMCE 2.x API for older plugins. |
| | | Added new theme_advanced_resizing_min_width, theme_advanced_resizing_min_height options. |
| | | Added new theme_advanced_resizing_max_height, theme_advanced_resizing_max_height options. |
| | | Added new use_native_selects option. Enables you to toggle native listboxes on and off. |
| | | Added new docs_url option enables you to specify where the TinyMCE user documentation is located. |
| | | Added new frame and rules options for the table dialog. |
| | | Added new global rule for valid_elements/extended_valid_elements enables you to specify global attributes for all elements. |
| | | Added new deny attribute rule characher so it's possible to deny global attribute rules on specific elements. |
| | | Added new unit tests in the dev package of TinyMCE. Runs tests on the core API, commands and settings of the editor. |
| | | Readded the inline_styles option and enabled it by default so deprecated attributes are no longer used. |
| | | Removed all button images and replaced them with CSS sprite images. Reduces the number of requests needed. |
| | | Removed lots of language files and merged them into the base language files. Reduces the number of requests needed. |
| | | Removed lots of unnecessary files and merged many of them together to reduce requests and improve loading speed. |
| | | Reduced the over all script size by 33% and the number of files/requests by 75% so it loads a lot faster. |
| | | Fixed so convert_fonts_to_spans are enabled by default. So no more font tags. |
| | | Fixed so underline and strikethrough uses spans instread of deprecated U and STRIKE elements. |
| | | Fixed so indent/outdent adds/removed margin-left instead of blockquotes. |
| | | Fixed so alignment of paragraphs results in a text-align style value instead of the deprecated align attribute. |
| | | Fixed so alignment of images uses float or vertical-align style values instead of the deprecated align attribute. |
| | | Fixed so all classes from @import stylesheets gets imported into the editor. |
| | | Fixed so the directionality can toggle the dir attribute on and off. |
| | | Fixed so the fullscreen_settings can be used for all types of fullscreen modes. |
| | | Fixed so the advanced HR dialog gets displayed when inserting a HR not only on edit. |
| | | Fixed bug where word wrap didn't work in the source editor on Safari. |
| | | Fixed so non HTML elements can be used within the editor such as <myns:tag> |
| | | Fixed various memory leaks in IE and reduced the unload cleanups needed. |
| | | Fixed so the preformatted option adds an invisible container pre tag inside the editor. |
| | | Renamed the _template plugin to example and updated it to use the new 3.x API. |
New file |
| | |
| | | tinyMCE.addI18n({en:{common:{"more_colors":"More Colors...","invalid_data":"Error: Invalid values entered, these are marked in red.","popup_blocked":"Sorry, but we have noticed that your popup-blocker has disabled a window that provides application functionality. You will need to disable popup blocking on this site in order to fully utilize this tool.","clipboard_no_support":"Currently not supported by your browser, use keyboard shortcuts instead.","clipboard_msg":"Copy/Cut/Paste is not available in Mozilla and Firefox.\nDo you want more information about this issue?","not_set":"-- Not Set --","class_name":"Class",browse:"Browse",close:"Close",cancel:"Cancel",update:"Update",insert:"Insert",apply:"Apply","edit_confirm":"Do you want to use the WYSIWYG mode for this textarea?","invalid_data_number":"{#field} must be a number","invalid_data_min":"{#field} must be a number greater than {#min}","invalid_data_size":"{#field} must be a number or percentage",value:"(value)"},contextmenu:{full:"Full",right:"Right",center:"Center",left:"Left",align:"Alignment"},insertdatetime:{"day_short":"Sun,Mon,Tue,Wed,Thu,Fri,Sat,Sun","day_long":"Sunday,Monday,Tuesday,Wednesday,Thursday,Friday,Saturday,Sunday","months_short":"Jan,Feb,Mar,Apr,May,Jun,Jul,Aug,Sep,Oct,Nov,Dec","months_long":"January,February,March,April,May,June,July,August,September,October,November,December","inserttime_desc":"Insert Time","insertdate_desc":"Insert Date","time_fmt":"%H:%M:%S","date_fmt":"%Y-%m-%d"},print:{"print_desc":"Print"},preview:{"preview_desc":"Preview"},directionality:{"rtl_desc":"Direction Right to Left","ltr_desc":"Direction Left to Right"},layer:{content:"New layer...","absolute_desc":"Toggle Absolute Positioning","backward_desc":"Move Backward","forward_desc":"Move Forward","insertlayer_desc":"Insert New Layer"},save:{"save_desc":"Save","cancel_desc":"Cancel All Changes"},nonbreaking:{"nonbreaking_desc":"Insert Non-Breaking Space Character"},iespell:{download:"ieSpell not detected. Do you want to install it now?","iespell_desc":"Check Spelling"},advhr:{"delta_height":"","delta_width":"","advhr_desc":"Insert Horizontal Line"},emotions:{"delta_height":"","delta_width":"","emotions_desc":"Emotions"},searchreplace:{"replace_desc":"Find/Replace","delta_width":"","delta_height":"","search_desc":"Find"},advimage:{"delta_width":"","image_desc":"Insert/Edit Image","delta_height":""},advlink:{"delta_height":"","delta_width":"","link_desc":"Insert/Edit Link"},xhtmlxtras:{"attribs_delta_height":"","attribs_delta_width":"","ins_delta_height":"","ins_delta_width":"","del_delta_height":"","del_delta_width":"","acronym_delta_height":"","acronym_delta_width":"","abbr_delta_height":"","abbr_delta_width":"","cite_delta_height":"","cite_delta_width":"","attribs_desc":"Insert/Edit Attributes","ins_desc":"Insertion","del_desc":"Deletion","acronym_desc":"Acronym","abbr_desc":"Abbreviation","cite_desc":"Citation"},style:{"delta_height":"","delta_width":"",desc:"Edit CSS Style"},paste:{"plaintext_mode_stick":"Paste is now in plain text mode. Click again to toggle back to regular paste mode.","plaintext_mode":"Paste is now in plain text mode. Click again to toggle back to regular paste mode. After you paste something you will be returned to regular paste mode.","selectall_desc":"Select All","paste_word_desc":"Paste from Word","paste_text_desc":"Paste as Plain Text"},"paste_dlg":{"word_title":"Use Ctrl+V on your keyboard to paste the text into the window.","text_linebreaks":"Keep Linebreaks","text_title":"Use Ctrl+V on your keyboard to paste the text into the window."},table:{"merge_cells_delta_height":"","merge_cells_delta_width":"","table_delta_height":"","table_delta_width":"","cellprops_delta_height":"","cellprops_delta_width":"","rowprops_delta_height":"","rowprops_delta_width":"",cell:"Cell",col:"Column",row:"Row",del:"Delete Table","copy_row_desc":"Copy Table Row","cut_row_desc":"Cut Table Row","paste_row_after_desc":"Paste Table Row After","paste_row_before_desc":"Paste Table Row Before","props_desc":"Table Properties","cell_desc":"Table Cell Properties","row_desc":"Table Row Properties","merge_cells_desc":"Merge Table Cells","split_cells_desc":"Split Merged Table Cells","delete_col_desc":"Delete Column","col_after_desc":"Insert Column After","col_before_desc":"Insert Column Before","delete_row_desc":"Delete Row","row_after_desc":"Insert Row After","row_before_desc":"Insert Row Before",desc:"Insert/Edit Table"},autosave:{"warning_message":"If you restore the saved content, you will lose all the content that is currently in the editor.\n\nAre you sure you want to restore the saved content?","restore_content":"Restore auto-saved content.","unload_msg":"The changes you made will be lost if you navigate away from this page."},fullscreen:{desc:"Toggle Full Screen Mode"},media:{"delta_height":"","delta_width":"",edit:"Edit Embedded Media",desc:"Insert/Edit Embedded Media"},fullpage:{desc:"Document Properties","delta_width":"","delta_height":""},template:{desc:"Insert Predefined Template Content"},visualchars:{desc:"Show/Hide Visual Control Characters"},spellchecker:{desc:"Toggle Spell Checker",menu:"Spell Checker Settings","ignore_word":"Ignore Word","ignore_words":"Ignore All",langs:"Languages",wait:"Please wait...",sug:"Suggestions","no_sug":"No Suggestions","no_mpell":"No misspellings found.","learn_word":"Learn word"},pagebreak:{desc:"Insert Page Break for Printing"},advlist:{types:"Types",def:"Default","lower_alpha":"Lower Alpha","lower_greek":"Lower Greek","lower_roman":"Lower Roman","upper_alpha":"Upper Alpha","upper_roman":"Upper Roman",circle:"Circle",disc:"Disc",square:"Square"},colors:{"333300":"Dark olive","993300":"Burnt orange","000000":"Black","003300":"Dark green","003366":"Dark azure","000080":"Navy Blue","333399":"Indigo","333333":"Very dark gray","800000":"Maroon",FF6600:"Orange","808000":"Olive","008000":"Green","008080":"Teal","0000FF":"Blue","666699":"Grayish blue","808080":"Gray",FF0000:"Red",FF9900:"Amber","99CC00":"Yellow green","339966":"Sea green","33CCCC":"Turquoise","3366FF":"Royal blue","800080":"Purple","999999":"Medium gray",FF00FF:"Magenta",FFCC00:"Gold",FFFF00:"Yellow","00FF00":"Lime","00FFFF":"Aqua","00CCFF":"Sky blue","993366":"Brown",C0C0C0:"Silver",FF99CC:"Pink",FFCC99:"Peach",FFFF99:"Light yellow",CCFFCC:"Pale green",CCFFFF:"Pale cyan","99CCFF":"Light sky blue",CC99FF:"Plum",FFFFFF:"White"},aria:{"rich_text_area":"Rich Text Area"},wordcount:{words:"Words:"}}}); |
New file |
| | |
| | | GNU LESSER GENERAL PUBLIC LICENSE
|
| | | Version 2.1, February 1999
|
| | |
|
| | | Copyright (C) 1991, 1999 Free Software Foundation, Inc.
|
| | | 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301 USA
|
| | | Everyone is permitted to copy and distribute verbatim copies
|
| | | of this license document, but changing it is not allowed.
|
| | |
|
| | | [This is the first released version of the Lesser GPL. It also counts
|
| | | as the successor of the GNU Library Public License, version 2, hence
|
| | | the version number 2.1.]
|
| | |
|
| | | Preamble
|
| | |
|
| | | The licenses for most software are designed to take away your
|
| | | freedom to share and change it. By contrast, the GNU General Public
|
| | | Licenses are intended to guarantee your freedom to share and change
|
| | | free software--to make sure the software is free for all its users.
|
| | |
|
| | | This license, the Lesser General Public License, applies to some
|
| | | specially designated software packages--typically libraries--of the
|
| | | Free Software Foundation and other authors who decide to use it. You
|
| | | can use it too, but we suggest you first think carefully about whether
|
| | | this license or the ordinary General Public License is the better
|
| | | strategy to use in any particular case, based on the explanations below.
|
| | |
|
| | | When we speak of free software, we are referring to freedom of use,
|
| | | not price. Our General Public Licenses are designed to make sure that
|
| | | you have the freedom to distribute copies of free software (and charge
|
| | | for this service if you wish); that you receive source code or can get
|
| | | it if you want it; that you can change the software and use pieces of
|
| | | it in new free programs; and that you are informed that you can do
|
| | | these things.
|
| | |
|
| | | To protect your rights, we need to make restrictions that forbid
|
| | | distributors to deny you these rights or to ask you to surrender these
|
| | | rights. These restrictions translate to certain responsibilities for
|
| | | you if you distribute copies of the library or if you modify it.
|
| | |
|
| | | For example, if you distribute copies of the library, whether gratis
|
| | | or for a fee, you must give the recipients all the rights that we gave
|
| | | you. You must make sure that they, too, receive or can get the source
|
| | | code. If you link other code with the library, you must provide
|
| | | complete object files to the recipients, so that they can relink them
|
| | | with the library after making changes to the library and recompiling
|
| | | it. And you must show them these terms so they know their rights.
|
| | |
|
| | | We protect your rights with a two-step method: (1) we copyright the
|
| | | library, and (2) we offer you this license, which gives you legal
|
| | | permission to copy, distribute and/or modify the library.
|
| | |
|
| | | To protect each distributor, we want to make it very clear that
|
| | | there is no warranty for the free library. Also, if the library is
|
| | | modified by someone else and passed on, the recipients should know
|
| | | that what they have is not the original version, so that the original
|
| | | author's reputation will not be affected by problems that might be
|
| | | introduced by others.
|
| | |
|
| | | Finally, software patents pose a constant threat to the existence of
|
| | | any free program. We wish to make sure that a company cannot
|
| | | effectively restrict the users of a free program by obtaining a
|
| | | restrictive license from a patent holder. Therefore, we insist that
|
| | | any patent license obtained for a version of the library must be
|
| | | consistent with the full freedom of use specified in this license.
|
| | |
|
| | | Most GNU software, including some libraries, is covered by the
|
| | | ordinary GNU General Public License. This license, the GNU Lesser
|
| | | General Public License, applies to certain designated libraries, and
|
| | | is quite different from the ordinary General Public License. We use
|
| | | this license for certain libraries in order to permit linking those
|
| | | libraries into non-free programs.
|
| | |
|
| | | When a program is linked with a library, whether statically or using
|
| | | a shared library, the combination of the two is legally speaking a
|
| | | combined work, a derivative of the original library. The ordinary
|
| | | General Public License therefore permits such linking only if the
|
| | | entire combination fits its criteria of freedom. The Lesser General
|
| | | Public License permits more lax criteria for linking other code with
|
| | | the library.
|
| | |
|
| | | We call this license the "Lesser" General Public License because it
|
| | | does Less to protect the user's freedom than the ordinary General
|
| | | Public License. It also provides other free software developers Less
|
| | | of an advantage over competing non-free programs. These disadvantages
|
| | | are the reason we use the ordinary General Public License for many
|
| | | libraries. However, the Lesser license provides advantages in certain
|
| | | special circumstances.
|
| | |
|
| | | For example, on rare occasions, there may be a special need to
|
| | | encourage the widest possible use of a certain library, so that it becomes
|
| | | a de-facto standard. To achieve this, non-free programs must be
|
| | | allowed to use the library. A more frequent case is that a free
|
| | | library does the same job as widely used non-free libraries. In this
|
| | | case, there is little to gain by limiting the free library to free
|
| | | software only, so we use the Lesser General Public License.
|
| | |
|
| | | In other cases, permission to use a particular library in non-free
|
| | | programs enables a greater number of people to use a large body of
|
| | | free software. For example, permission to use the GNU C Library in
|
| | | non-free programs enables many more people to use the whole GNU
|
| | | operating system, as well as its variant, the GNU/Linux operating
|
| | | system.
|
| | |
|
| | | Although the Lesser General Public License is Less protective of the
|
| | | users' freedom, it does ensure that the user of a program that is
|
| | | linked with the Library has the freedom and the wherewithal to run
|
| | | that program using a modified version of the Library.
|
| | |
|
| | | The precise terms and conditions for copying, distribution and
|
| | | modification follow. Pay close attention to the difference between a
|
| | | "work based on the library" and a "work that uses the library". The
|
| | | former contains code derived from the library, whereas the latter must
|
| | | be combined with the library in order to run.
|
| | |
|
| | | GNU LESSER GENERAL PUBLIC LICENSE
|
| | | TERMS AND CONDITIONS FOR COPYING, DISTRIBUTION AND MODIFICATION
|
| | |
|
| | | 0. This License Agreement applies to any software library or other
|
| | | program which contains a notice placed by the copyright holder or
|
| | | other authorized party saying it may be distributed under the terms of
|
| | | this Lesser General Public License (also called "this License").
|
| | | Each licensee is addressed as "you".
|
| | |
|
| | | A "library" means a collection of software functions and/or data
|
| | | prepared so as to be conveniently linked with application programs
|
| | | (which use some of those functions and data) to form executables.
|
| | |
|
| | | The "Library", below, refers to any such software library or work
|
| | | which has been distributed under these terms. A "work based on the
|
| | | Library" means either the Library or any derivative work under
|
| | | copyright law: that is to say, a work containing the Library or a
|
| | | portion of it, either verbatim or with modifications and/or translated
|
| | | straightforwardly into another language. (Hereinafter, translation is
|
| | | included without limitation in the term "modification".)
|
| | |
|
| | | "Source code" for a work means the preferred form of the work for
|
| | | making modifications to it. For a library, complete source code means
|
| | | all the source code for all modules it contains, plus any associated
|
| | | interface definition files, plus the scripts used to control compilation
|
| | | and installation of the library.
|
| | |
|
| | | Activities other than copying, distribution and modification are not
|
| | | covered by this License; they are outside its scope. The act of
|
| | | running a program using the Library is not restricted, and output from
|
| | | such a program is covered only if its contents constitute a work based
|
| | | on the Library (independent of the use of the Library in a tool for
|
| | | writing it). Whether that is true depends on what the Library does
|
| | | and what the program that uses the Library does.
|
| | | |
| | | 1. You may copy and distribute verbatim copies of the Library's
|
| | | complete source code as you receive it, in any medium, provided that
|
| | | you conspicuously and appropriately publish on each copy an
|
| | | appropriate copyright notice and disclaimer of warranty; keep intact
|
| | | all the notices that refer to this License and to the absence of any
|
| | | warranty; and distribute a copy of this License along with the
|
| | | Library.
|
| | |
|
| | | You may charge a fee for the physical act of transferring a copy,
|
| | | and you may at your option offer warranty protection in exchange for a
|
| | | fee.
|
| | |
|
| | | 2. You may modify your copy or copies of the Library or any portion
|
| | | of it, thus forming a work based on the Library, and copy and
|
| | | distribute such modifications or work under the terms of Section 1
|
| | | above, provided that you also meet all of these conditions:
|
| | |
|
| | | a) The modified work must itself be a software library.
|
| | |
|
| | | b) You must cause the files modified to carry prominent notices
|
| | | stating that you changed the files and the date of any change.
|
| | |
|
| | | c) You must cause the whole of the work to be licensed at no
|
| | | charge to all third parties under the terms of this License.
|
| | |
|
| | | d) If a facility in the modified Library refers to a function or a
|
| | | table of data to be supplied by an application program that uses
|
| | | the facility, other than as an argument passed when the facility
|
| | | is invoked, then you must make a good faith effort to ensure that,
|
| | | in the event an application does not supply such function or
|
| | | table, the facility still operates, and performs whatever part of
|
| | | its purpose remains meaningful.
|
| | |
|
| | | (For example, a function in a library to compute square roots has
|
| | | a purpose that is entirely well-defined independent of the
|
| | | application. Therefore, Subsection 2d requires that any
|
| | | application-supplied function or table used by this function must
|
| | | be optional: if the application does not supply it, the square
|
| | | root function must still compute square roots.)
|
| | |
|
| | | These requirements apply to the modified work as a whole. If
|
| | | identifiable sections of that work are not derived from the Library,
|
| | | and can be reasonably considered independent and separate works in
|
| | | themselves, then this License, and its terms, do not apply to those
|
| | | sections when you distribute them as separate works. But when you
|
| | | distribute the same sections as part of a whole which is a work based
|
| | | on the Library, the distribution of the whole must be on the terms of
|
| | | this License, whose permissions for other licensees extend to the
|
| | | entire whole, and thus to each and every part regardless of who wrote
|
| | | it.
|
| | |
|
| | | Thus, it is not the intent of this section to claim rights or contest
|
| | | your rights to work written entirely by you; rather, the intent is to
|
| | | exercise the right to control the distribution of derivative or
|
| | | collective works based on the Library.
|
| | |
|
| | | In addition, mere aggregation of another work not based on the Library
|
| | | with the Library (or with a work based on the Library) on a volume of
|
| | | a storage or distribution medium does not bring the other work under
|
| | | the scope of this License.
|
| | |
|
| | | 3. You may opt to apply the terms of the ordinary GNU General Public
|
| | | License instead of this License to a given copy of the Library. To do
|
| | | this, you must alter all the notices that refer to this License, so
|
| | | that they refer to the ordinary GNU General Public License, version 2,
|
| | | instead of to this License. (If a newer version than version 2 of the
|
| | | ordinary GNU General Public License has appeared, then you can specify
|
| | | that version instead if you wish.) Do not make any other change in
|
| | | these notices.
|
| | |
|
| | | Once this change is made in a given copy, it is irreversible for
|
| | | that copy, so the ordinary GNU General Public License applies to all
|
| | | subsequent copies and derivative works made from that copy.
|
| | |
|
| | | This option is useful when you wish to copy part of the code of
|
| | | the Library into a program that is not a library.
|
| | |
|
| | | 4. You may copy and distribute the Library (or a portion or
|
| | | derivative of it, under Section 2) in object code or executable form
|
| | | under the terms of Sections 1 and 2 above provided that you accompany
|
| | | it with the complete corresponding machine-readable source code, which
|
| | | must be distributed under the terms of Sections 1 and 2 above on a
|
| | | medium customarily used for software interchange.
|
| | |
|
| | | If distribution of object code is made by offering access to copy
|
| | | from a designated place, then offering equivalent access to copy the
|
| | | source code from the same place satisfies the requirement to
|
| | | distribute the source code, even though third parties are not
|
| | | compelled to copy the source along with the object code.
|
| | |
|
| | | 5. A program that contains no derivative of any portion of the
|
| | | Library, but is designed to work with the Library by being compiled or
|
| | | linked with it, is called a "work that uses the Library". Such a
|
| | | work, in isolation, is not a derivative work of the Library, and
|
| | | therefore falls outside the scope of this License.
|
| | |
|
| | | However, linking a "work that uses the Library" with the Library
|
| | | creates an executable that is a derivative of the Library (because it
|
| | | contains portions of the Library), rather than a "work that uses the
|
| | | library". The executable is therefore covered by this License.
|
| | | Section 6 states terms for distribution of such executables.
|
| | |
|
| | | When a "work that uses the Library" uses material from a header file
|
| | | that is part of the Library, the object code for the work may be a
|
| | | derivative work of the Library even though the source code is not.
|
| | | Whether this is true is especially significant if the work can be
|
| | | linked without the Library, or if the work is itself a library. The
|
| | | threshold for this to be true is not precisely defined by law.
|
| | |
|
| | | If such an object file uses only numerical parameters, data
|
| | | structure layouts and accessors, and small macros and small inline
|
| | | functions (ten lines or less in length), then the use of the object
|
| | | file is unrestricted, regardless of whether it is legally a derivative
|
| | | work. (Executables containing this object code plus portions of the
|
| | | Library will still fall under Section 6.)
|
| | |
|
| | | Otherwise, if the work is a derivative of the Library, you may
|
| | | distribute the object code for the work under the terms of Section 6.
|
| | | Any executables containing that work also fall under Section 6,
|
| | | whether or not they are linked directly with the Library itself.
|
| | |
|
| | | 6. As an exception to the Sections above, you may also combine or
|
| | | link a "work that uses the Library" with the Library to produce a
|
| | | work containing portions of the Library, and distribute that work
|
| | | under terms of your choice, provided that the terms permit
|
| | | modification of the work for the customer's own use and reverse
|
| | | engineering for debugging such modifications.
|
| | |
|
| | | You must give prominent notice with each copy of the work that the
|
| | | Library is used in it and that the Library and its use are covered by
|
| | | this License. You must supply a copy of this License. If the work
|
| | | during execution displays copyright notices, you must include the
|
| | | copyright notice for the Library among them, as well as a reference
|
| | | directing the user to the copy of this License. Also, you must do one
|
| | | of these things:
|
| | |
|
| | | a) Accompany the work with the complete corresponding
|
| | | machine-readable source code for the Library including whatever
|
| | | changes were used in the work (which must be distributed under
|
| | | Sections 1 and 2 above); and, if the work is an executable linked
|
| | | with the Library, with the complete machine-readable "work that
|
| | | uses the Library", as object code and/or source code, so that the
|
| | | user can modify the Library and then relink to produce a modified
|
| | | executable containing the modified Library. (It is understood
|
| | | that the user who changes the contents of definitions files in the
|
| | | Library will not necessarily be able to recompile the application
|
| | | to use the modified definitions.)
|
| | |
|
| | | b) Use a suitable shared library mechanism for linking with the
|
| | | Library. A suitable mechanism is one that (1) uses at run time a
|
| | | copy of the library already present on the user's computer system,
|
| | | rather than copying library functions into the executable, and (2)
|
| | | will operate properly with a modified version of the library, if
|
| | | the user installs one, as long as the modified version is
|
| | | interface-compatible with the version that the work was made with.
|
| | |
|
| | | c) Accompany the work with a written offer, valid for at
|
| | | least three years, to give the same user the materials
|
| | | specified in Subsection 6a, above, for a charge no more
|
| | | than the cost of performing this distribution.
|
| | |
|
| | | d) If distribution of the work is made by offering access to copy
|
| | | from a designated place, offer equivalent access to copy the above
|
| | | specified materials from the same place.
|
| | |
|
| | | e) Verify that the user has already received a copy of these
|
| | | materials or that you have already sent this user a copy.
|
| | |
|
| | | For an executable, the required form of the "work that uses the
|
| | | Library" must include any data and utility programs needed for
|
| | | reproducing the executable from it. However, as a special exception,
|
| | | the materials to be distributed need not include anything that is
|
| | | normally distributed (in either source or binary form) with the major
|
| | | components (compiler, kernel, and so on) of the operating system on
|
| | | which the executable runs, unless that component itself accompanies
|
| | | the executable.
|
| | |
|
| | | It may happen that this requirement contradicts the license
|
| | | restrictions of other proprietary libraries that do not normally
|
| | | accompany the operating system. Such a contradiction means you cannot
|
| | | use both them and the Library together in an executable that you
|
| | | distribute.
|
| | |
|
| | | 7. You may place library facilities that are a work based on the
|
| | | Library side-by-side in a single library together with other library
|
| | | facilities not covered by this License, and distribute such a combined
|
| | | library, provided that the separate distribution of the work based on
|
| | | the Library and of the other library facilities is otherwise
|
| | | permitted, and provided that you do these two things:
|
| | |
|
| | | a) Accompany the combined library with a copy of the same work
|
| | | based on the Library, uncombined with any other library
|
| | | facilities. This must be distributed under the terms of the
|
| | | Sections above.
|
| | |
|
| | | b) Give prominent notice with the combined library of the fact
|
| | | that part of it is a work based on the Library, and explaining
|
| | | where to find the accompanying uncombined form of the same work.
|
| | |
|
| | | 8. You may not copy, modify, sublicense, link with, or distribute
|
| | | the Library except as expressly provided under this License. Any
|
| | | attempt otherwise to copy, modify, sublicense, link with, or
|
| | | distribute the Library is void, and will automatically terminate your
|
| | | rights under this License. However, parties who have received copies,
|
| | | or rights, from you under this License will not have their licenses
|
| | | terminated so long as such parties remain in full compliance.
|
| | |
|
| | | 9. You are not required to accept this License, since you have not
|
| | | signed it. However, nothing else grants you permission to modify or
|
| | | distribute the Library or its derivative works. These actions are
|
| | | prohibited by law if you do not accept this License. Therefore, by
|
| | | modifying or distributing the Library (or any work based on the
|
| | | Library), you indicate your acceptance of this License to do so, and
|
| | | all its terms and conditions for copying, distributing or modifying
|
| | | the Library or works based on it.
|
| | |
|
| | | 10. Each time you redistribute the Library (or any work based on the
|
| | | Library), the recipient automatically receives a license from the
|
| | | original licensor to copy, distribute, link with or modify the Library
|
| | | subject to these terms and conditions. You may not impose any further
|
| | | restrictions on the recipients' exercise of the rights granted herein.
|
| | | You are not responsible for enforcing compliance by third parties with
|
| | | this License.
|
| | |
|
| | | 11. If, as a consequence of a court judgment or allegation of patent
|
| | | infringement or for any other reason (not limited to patent issues),
|
| | | conditions are imposed on you (whether by court order, agreement or
|
| | | otherwise) that contradict the conditions of this License, they do not
|
| | | excuse you from the conditions of this License. If you cannot
|
| | | distribute so as to satisfy simultaneously your obligations under this
|
| | | License and any other pertinent obligations, then as a consequence you
|
| | | may not distribute the Library at all. For example, if a patent
|
| | | license would not permit royalty-free redistribution of the Library by
|
| | | all those who receive copies directly or indirectly through you, then
|
| | | the only way you could satisfy both it and this License would be to
|
| | | refrain entirely from distribution of the Library.
|
| | |
|
| | | If any portion of this section is held invalid or unenforceable under any
|
| | | particular circumstance, the balance of the section is intended to apply,
|
| | | and the section as a whole is intended to apply in other circumstances.
|
| | |
|
| | | It is not the purpose of this section to induce you to infringe any
|
| | | patents or other property right claims or to contest validity of any
|
| | | such claims; this section has the sole purpose of protecting the
|
| | | integrity of the free software distribution system which is
|
| | | implemented by public license practices. Many people have made
|
| | | generous contributions to the wide range of software distributed
|
| | | through that system in reliance on consistent application of that
|
| | | system; it is up to the author/donor to decide if he or she is willing
|
| | | to distribute software through any other system and a licensee cannot
|
| | | impose that choice.
|
| | |
|
| | | This section is intended to make thoroughly clear what is believed to
|
| | | be a consequence of the rest of this License.
|
| | |
|
| | | 12. If the distribution and/or use of the Library is restricted in
|
| | | certain countries either by patents or by copyrighted interfaces, the
|
| | | original copyright holder who places the Library under this License may add
|
| | | an explicit geographical distribution limitation excluding those countries,
|
| | | so that distribution is permitted only in or among countries not thus
|
| | | excluded. In such case, this License incorporates the limitation as if
|
| | | written in the body of this License.
|
| | |
|
| | | 13. The Free Software Foundation may publish revised and/or new
|
| | | versions of the Lesser General Public License from time to time.
|
| | | Such new versions will be similar in spirit to the present version,
|
| | | but may differ in detail to address new problems or concerns.
|
| | |
|
| | | Each version is given a distinguishing version number. If the Library
|
| | | specifies a version number of this License which applies to it and
|
| | | "any later version", you have the option of following the terms and
|
| | | conditions either of that version or of any later version published by
|
| | | the Free Software Foundation. If the Library does not specify a
|
| | | license version number, you may choose any version ever published by
|
| | | the Free Software Foundation.
|
| | |
|
| | | 14. If you wish to incorporate parts of the Library into other free
|
| | | programs whose distribution conditions are incompatible with these,
|
| | | write to the author to ask for permission. For software which is
|
| | | copyrighted by the Free Software Foundation, write to the Free
|
| | | Software Foundation; we sometimes make exceptions for this. Our
|
| | | decision will be guided by the two goals of preserving the free status
|
| | | of all derivatives of our free software and of promoting the sharing
|
| | | and reuse of software generally.
|
| | |
|
| | | NO WARRANTY
|
| | |
|
| | | 15. BECAUSE THE LIBRARY IS LICENSED FREE OF CHARGE, THERE IS NO
|
| | | WARRANTY FOR THE LIBRARY, TO THE EXTENT PERMITTED BY APPLICABLE LAW.
|
| | | EXCEPT WHEN OTHERWISE STATED IN WRITING THE COPYRIGHT HOLDERS AND/OR
|
| | | OTHER PARTIES PROVIDE THE LIBRARY "AS IS" WITHOUT WARRANTY OF ANY
|
| | | KIND, EITHER EXPRESSED OR IMPLIED, INCLUDING, BUT NOT LIMITED TO, THE
|
| | | IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR
|
| | | PURPOSE. THE ENTIRE RISK AS TO THE QUALITY AND PERFORMANCE OF THE
|
| | | LIBRARY IS WITH YOU. SHOULD THE LIBRARY PROVE DEFECTIVE, YOU ASSUME
|
| | | THE COST OF ALL NECESSARY SERVICING, REPAIR OR CORRECTION.
|
| | |
|
| | | 16. IN NO EVENT UNLESS REQUIRED BY APPLICABLE LAW OR AGREED TO IN
|
| | | WRITING WILL ANY COPYRIGHT HOLDER, OR ANY OTHER PARTY WHO MAY MODIFY
|
| | | AND/OR REDISTRIBUTE THE LIBRARY AS PERMITTED ABOVE, BE LIABLE TO YOU
|
| | | FOR DAMAGES, INCLUDING ANY GENERAL, SPECIAL, INCIDENTAL OR
|
| | | CONSEQUENTIAL DAMAGES ARISING OUT OF THE USE OR INABILITY TO USE THE
|
| | | LIBRARY (INCLUDING BUT NOT LIMITED TO LOSS OF DATA OR DATA BEING
|
| | | RENDERED INACCURATE OR LOSSES SUSTAINED BY YOU OR THIRD PARTIES OR A
|
| | | FAILURE OF THE LIBRARY TO OPERATE WITH ANY OTHER SOFTWARE), EVEN IF
|
| | | SUCH HOLDER OR OTHER PARTY HAS BEEN ADVISED OF THE POSSIBILITY OF SUCH
|
| | | DAMAGES.
|
| | |
|
| | | END OF TERMS AND CONDITIONS
|
| | |
|
| | | How to Apply These Terms to Your New Libraries
|
| | |
|
| | | If you develop a new library, and you want it to be of the greatest
|
| | | possible use to the public, we recommend making it free software that
|
| | | everyone can redistribute and change. You can do so by permitting
|
| | | redistribution under these terms (or, alternatively, under the terms of the
|
| | | ordinary General Public License).
|
| | |
|
| | | To apply these terms, attach the following notices to the library. It is
|
| | | safest to attach them to the start of each source file to most effectively
|
| | | convey the exclusion of warranty; and each file should have at least the
|
| | | "copyright" line and a pointer to where the full notice is found.
|
| | |
|
| | | <one line to give the library's name and a brief idea of what it does.>
|
| | | Copyright (C) <year> <name of author>
|
| | |
|
| | | This library is free software; you can redistribute it and/or
|
| | | modify it under the terms of the GNU Lesser General Public
|
| | | License as published by the Free Software Foundation; either
|
| | | version 2.1 of the License, or (at your option) any later version.
|
| | |
|
| | | This library is distributed in the hope that it will be useful,
|
| | | but WITHOUT ANY WARRANTY; without even the implied warranty of
|
| | | MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
|
| | | Lesser General Public License for more details.
|
| | |
|
| | | You should have received a copy of the GNU Lesser General Public
|
| | | License along with this library; if not, write to the Free Software
|
| | | Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301 USA
|
| | |
|
| | | Also add information on how to contact you by electronic and paper mail.
|
| | |
|
| | | You should also get your employer (if you work as a programmer) or your
|
| | | school, if any, to sign a "copyright disclaimer" for the library, if
|
| | | necessary. Here is a sample; alter the names:
|
| | |
|
| | | Yoyodyne, Inc., hereby disclaims all copyright interest in the
|
| | | library `Frob' (a library for tweaking knobs) written by James Random Hacker.
|
| | |
|
| | | <signature of Ty Coon>, 1 April 1990
|
| | | Ty Coon, President of Vice
|
| | |
|
| | | That's all there is to it!
|
| | |
|
| | |
|
New file |
| | |
| | | input.radio {border:1px none #000; background:transparent; vertical-align:middle;}
|
| | | .panel_wrapper div.current {height:80px;}
|
| | | #width {width:50px; vertical-align:middle;}
|
| | | #width2 {width:50px; vertical-align:middle;}
|
| | | #size {width:100px;}
|
New file |
| | |
| | | (function(){tinymce.create("tinymce.plugins.AdvancedHRPlugin",{init:function(a,b){a.addCommand("mceAdvancedHr",function(){a.windowManager.open({file:b+"/rule.htm",width:250+parseInt(a.getLang("advhr.delta_width",0)),height:160+parseInt(a.getLang("advhr.delta_height",0)),inline:1},{plugin_url:b})});a.addButton("advhr",{title:"advhr.advhr_desc",cmd:"mceAdvancedHr"});a.onNodeChange.add(function(d,c,e){c.setActive("advhr",e.nodeName=="HR")});a.onClick.add(function(c,d){d=d.target;if(d.nodeName==="HR"){c.selection.select(d)}})},getInfo:function(){return{longname:"Advanced HR",author:"Moxiecode Systems AB",authorurl:"http://tinymce.moxiecode.com",infourl:"http://wiki.moxiecode.com/index.php/TinyMCE:Plugins/advhr",version:tinymce.majorVersion+"."+tinymce.minorVersion}}});tinymce.PluginManager.add("advhr",tinymce.plugins.AdvancedHRPlugin)})(); |
New file |
| | |
| | | /**
|
| | | * editor_plugin_src.js
|
| | | *
|
| | | * Copyright 2009, Moxiecode Systems AB
|
| | | * Released under LGPL License.
|
| | | *
|
| | | * License: http://tinymce.moxiecode.com/license
|
| | | * Contributing: http://tinymce.moxiecode.com/contributing
|
| | | */
|
| | |
|
| | | (function() {
|
| | | tinymce.create('tinymce.plugins.AdvancedHRPlugin', {
|
| | | init : function(ed, url) {
|
| | | // Register commands
|
| | | ed.addCommand('mceAdvancedHr', function() {
|
| | | ed.windowManager.open({
|
| | | file : url + '/rule.htm',
|
| | | width : 250 + parseInt(ed.getLang('advhr.delta_width', 0)),
|
| | | height : 160 + parseInt(ed.getLang('advhr.delta_height', 0)),
|
| | | inline : 1
|
| | | }, {
|
| | | plugin_url : url
|
| | | });
|
| | | });
|
| | |
|
| | | // Register buttons
|
| | | ed.addButton('advhr', {
|
| | | title : 'advhr.advhr_desc',
|
| | | cmd : 'mceAdvancedHr'
|
| | | });
|
| | |
|
| | | ed.onNodeChange.add(function(ed, cm, n) {
|
| | | cm.setActive('advhr', n.nodeName == 'HR');
|
| | | });
|
| | |
|
| | | ed.onClick.add(function(ed, e) {
|
| | | e = e.target;
|
| | |
|
| | | if (e.nodeName === 'HR')
|
| | | ed.selection.select(e);
|
| | | });
|
| | | },
|
| | |
|
| | | getInfo : function() {
|
| | | return {
|
| | | longname : 'Advanced HR',
|
| | | author : 'Moxiecode Systems AB',
|
| | | authorurl : 'http://tinymce.moxiecode.com',
|
| | | infourl : 'http://wiki.moxiecode.com/index.php/TinyMCE:Plugins/advhr',
|
| | | version : tinymce.majorVersion + "." + tinymce.minorVersion
|
| | | };
|
| | | }
|
| | | });
|
| | |
|
| | | // Register plugin
|
| | | tinymce.PluginManager.add('advhr', tinymce.plugins.AdvancedHRPlugin);
|
| | | })(); |
New file |
| | |
| | | var AdvHRDialog = {
|
| | | init : function(ed) {
|
| | | var dom = ed.dom, f = document.forms[0], n = ed.selection.getNode(), w;
|
| | |
|
| | | w = dom.getAttrib(n, 'width');
|
| | | f.width.value = w ? parseInt(w) : (dom.getStyle('width') || '');
|
| | | f.size.value = dom.getAttrib(n, 'size') || parseInt(dom.getStyle('height')) || '';
|
| | | f.noshade.checked = !!dom.getAttrib(n, 'noshade') || !!dom.getStyle('border-width');
|
| | | selectByValue(f, 'width2', w.indexOf('%') != -1 ? '%' : 'px');
|
| | | },
|
| | |
|
| | | update : function() {
|
| | | var ed = tinyMCEPopup.editor, h, f = document.forms[0], st = '';
|
| | |
|
| | | h = '<hr';
|
| | |
|
| | | if (f.size.value) {
|
| | | h += ' size="' + f.size.value + '"';
|
| | | st += ' height:' + f.size.value + 'px;';
|
| | | }
|
| | |
|
| | | if (f.width.value) {
|
| | | h += ' width="' + f.width.value + (f.width2.value == '%' ? '%' : '') + '"';
|
| | | st += ' width:' + f.width.value + (f.width2.value == '%' ? '%' : 'px') + ';';
|
| | | }
|
| | |
|
| | | if (f.noshade.checked) {
|
| | | h += ' noshade="noshade"';
|
| | | st += ' border-width: 1px; border-style: solid; border-color: #CCCCCC; color: #ffffff;';
|
| | | }
|
| | |
|
| | | if (ed.settings.inline_styles)
|
| | | h += ' style="' + tinymce.trim(st) + '"';
|
| | |
|
| | | h += ' />';
|
| | |
|
| | | ed.execCommand("mceInsertContent", false, h);
|
| | | tinyMCEPopup.close();
|
| | | }
|
| | | };
|
| | |
|
| | | tinyMCEPopup.requireLangPack();
|
| | | tinyMCEPopup.onInit.add(AdvHRDialog.init, AdvHRDialog);
|
New file |
| | |
| | | tinyMCE.addI18n('en.advhr_dlg',{size:"Height",noshade:"No Shadow",width:"Width",normal:"Normal",widthunits:"Units"}); |
New file |
| | |
| | | <!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>{#advhr.advhr_desc}</title>
|
| | | <script type="text/javascript" src="../../tiny_mce_popup.js"></script>
|
| | | <script type="text/javascript" src="js/rule.js"></script>
|
| | | <script type="text/javascript" src="../../utils/mctabs.js"></script>
|
| | | <script type="text/javascript" src="../../utils/form_utils.js"></script>
|
| | | <link href="css/advhr.css" rel="stylesheet" type="text/css" />
|
| | | </head>
|
| | | <body role="application">
|
| | | <form onsubmit="AdvHRDialog.update();return false;" action="#">
|
| | | <div class="tabs">
|
| | | <ul>
|
| | | <li id="general_tab" class="current" aria-controls="general_panel"><span><a href="javascript:mcTabs.displayTab('general_tab','general_panel');" onmousedown="return false;">{#advhr.advhr_desc}</a></span></li>
|
| | | </ul>
|
| | | </div>
|
| | |
|
| | | <div class="panel_wrapper">
|
| | | <div id="general_panel" class="panel current">
|
| | | <table role="presentation" border="0" cellpadding="4" cellspacing="0">
|
| | | <tr role="group" aria-labelledby="width_label">
|
| | | <td><label id="width_label" for="width">{#advhr_dlg.width}</label></td>
|
| | | <td class="nowrap">
|
| | | <input id="width" name="width" type="text" value="" class="mceFocus" />
|
| | | <span style="display:none;" id="width_unit_label">{#advhr_dlg.widthunits}</span>
|
| | | <select name="width2" id="width2" aria-labelledby="width_unit_label">
|
| | | <option value="">px</option>
|
| | | <option value="%">%</option>
|
| | | </select>
|
| | | </td>
|
| | | </tr>
|
| | | <tr>
|
| | | <td><label for="size">{#advhr_dlg.size}</label></td>
|
| | | <td><select id="size" name="size">
|
| | | <option value="">{#advhr_dlg.normal}</option>
|
| | | <option value="1">1</option>
|
| | | <option value="2">2</option>
|
| | | <option value="3">3</option>
|
| | | <option value="4">4</option>
|
| | | <option value="5">5</option>
|
| | | </select></td>
|
| | | </tr>
|
| | | <tr>
|
| | | <td><label for="noshade">{#advhr_dlg.noshade}</label></td>
|
| | | <td><input type="checkbox" name="noshade" id="noshade" class="radio" /></td>
|
| | | </tr>
|
| | | </table>
|
| | | </div>
|
| | | </div>
|
| | |
|
| | | <div class="mceActionPanel">
|
| | | <input type="submit" id="insert" name="insert" value="{#insert}" />
|
| | | <input type="button" id="cancel" name="cancel" value="{#cancel}" onclick="tinyMCEPopup.close();" />
|
| | | </div>
|
| | | </form>
|
| | | </body>
|
| | | </html>
|
New file |
| | |
| | | #src_list, #over_list, #out_list {width:280px;}
|
| | | .mceActionPanel {margin-top:7px;}
|
| | | .alignPreview {border:1px solid #000; width:140px; height:140px; overflow:hidden; padding:5px;}
|
| | | .checkbox {border:0;}
|
| | | .panel_wrapper div.current {height:305px;}
|
| | | #prev {margin:0; border:1px solid #000; width:428px; height:150px; overflow:auto;}
|
| | | #align, #classlist {width:150px;}
|
| | | #width, #height {vertical-align:middle; width:50px; text-align:center;}
|
| | | #vspace, #hspace, #border {vertical-align:middle; width:30px; text-align:center;}
|
| | | #class_list {width:180px;}
|
| | | input {width: 280px;}
|
| | | #constrain, #onmousemovecheck {width:auto;}
|
| | | #id, #dir, #lang, #usemap, #longdesc {width:200px;}
|
New file |
| | |
| | | (function(){tinymce.create("tinymce.plugins.AdvancedImagePlugin",{init:function(a,b){a.addCommand("mceAdvImage",function(){if(a.dom.getAttrib(a.selection.getNode(),"class","").indexOf("mceItem")!=-1){return}a.windowManager.open({file:b+"/image.htm",width:480+parseInt(a.getLang("advimage.delta_width",0)),height:385+parseInt(a.getLang("advimage.delta_height",0)),inline:1},{plugin_url:b})});a.addButton("image",{title:"advimage.image_desc",cmd:"mceAdvImage"})},getInfo:function(){return{longname:"Advanced image",author:"Moxiecode Systems AB",authorurl:"http://tinymce.moxiecode.com",infourl:"http://wiki.moxiecode.com/index.php/TinyMCE:Plugins/advimage",version:tinymce.majorVersion+"."+tinymce.minorVersion}}});tinymce.PluginManager.add("advimage",tinymce.plugins.AdvancedImagePlugin)})(); |
New file |
| | |
| | | /**
|
| | | * editor_plugin_src.js
|
| | | *
|
| | | * Copyright 2009, Moxiecode Systems AB
|
| | | * Released under LGPL License.
|
| | | *
|
| | | * License: http://tinymce.moxiecode.com/license
|
| | | * Contributing: http://tinymce.moxiecode.com/contributing
|
| | | */
|
| | |
|
| | | (function() {
|
| | | tinymce.create('tinymce.plugins.AdvancedImagePlugin', {
|
| | | init : function(ed, url) {
|
| | | // Register commands
|
| | | ed.addCommand('mceAdvImage', function() {
|
| | | // Internal image object like a flash placeholder
|
| | | if (ed.dom.getAttrib(ed.selection.getNode(), 'class', '').indexOf('mceItem') != -1)
|
| | | return;
|
| | |
|
| | | ed.windowManager.open({
|
| | | file : url + '/image.htm',
|
| | | width : 480 + parseInt(ed.getLang('advimage.delta_width', 0)),
|
| | | height : 385 + parseInt(ed.getLang('advimage.delta_height', 0)),
|
| | | inline : 1
|
| | | }, {
|
| | | plugin_url : url
|
| | | });
|
| | | });
|
| | |
|
| | | // Register buttons
|
| | | ed.addButton('image', {
|
| | | title : 'advimage.image_desc',
|
| | | cmd : 'mceAdvImage'
|
| | | });
|
| | | },
|
| | |
|
| | | getInfo : function() {
|
| | | return {
|
| | | longname : 'Advanced image',
|
| | | author : 'Moxiecode Systems AB',
|
| | | authorurl : 'http://tinymce.moxiecode.com',
|
| | | infourl : 'http://wiki.moxiecode.com/index.php/TinyMCE:Plugins/advimage',
|
| | | version : tinymce.majorVersion + "." + tinymce.minorVersion
|
| | | };
|
| | | }
|
| | | });
|
| | |
|
| | | // Register plugin
|
| | | tinymce.PluginManager.add('advimage', tinymce.plugins.AdvancedImagePlugin);
|
| | | })(); |
New file |
| | |
| | | <!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>{#advimage_dlg.dialog_title}</title>
|
| | | <script type="text/javascript" src="../../tiny_mce_popup.js"></script>
|
| | | <script type="text/javascript" src="../../utils/mctabs.js"></script>
|
| | | <script type="text/javascript" src="../../utils/form_utils.js"></script>
|
| | | <script type="text/javascript" src="../../utils/validate.js"></script>
|
| | | <script type="text/javascript" src="../../utils/editable_selects.js"></script>
|
| | | <script type="text/javascript" src="js/image.js"></script>
|
| | | <link href="css/advimage.css" rel="stylesheet" type="text/css" />
|
| | | </head>
|
| | | <body id="advimage" style="display: none" role="application" aria-labelledby="app_title">
|
| | | <span id="app_title" style="display:none">{#advimage_dlg.dialog_title}</span>
|
| | | <form onsubmit="ImageDialog.insert();return false;" action="#"> |
| | | <div class="tabs">
|
| | | <ul>
|
| | | <li id="general_tab" class="current" aria-controls="general_panel"><span><a href="javascript:mcTabs.displayTab('general_tab','general_panel');" onmousedown="return false;">{#advimage_dlg.tab_general}</a></span></li>
|
| | | <li id="appearance_tab" aria-controls="appearance_panel"><span><a href="javascript:mcTabs.displayTab('appearance_tab','appearance_panel');" onmousedown="return false;">{#advimage_dlg.tab_appearance}</a></span></li>
|
| | | <li id="advanced_tab" aria-controls="advanced_panel"><span><a href="javascript:mcTabs.displayTab('advanced_tab','advanced_panel');" onmousedown="return false;">{#advimage_dlg.tab_advanced}</a></span></li>
|
| | | </ul>
|
| | | </div>
|
| | |
|
| | | <div class="panel_wrapper">
|
| | | <div id="general_panel" class="panel current">
|
| | | <fieldset>
|
| | | <legend>{#advimage_dlg.general}</legend>
|
| | |
|
| | | <table role="presentation" class="properties">
|
| | | <tr>
|
| | | <td class="column1"><label id="srclabel" for="src">{#advimage_dlg.src}</label></td>
|
| | | <td colspan="2"><table role="presentation" border="0" cellspacing="0" cellpadding="0">
|
| | | <tr> |
| | | <td><input name="src" type="text" id="src" value="" class="mceFocus" onchange="ImageDialog.showPreviewImage(this.value);" aria-required="true" /></td> |
| | | <td id="srcbrowsercontainer"> </td>
|
| | | </tr>
|
| | | </table></td>
|
| | | </tr>
|
| | | <tr>
|
| | | <td><label for="src_list">{#advimage_dlg.image_list}</label></td>
|
| | | <td><select id="src_list" name="src_list" onchange="document.getElementById('src').value=this.options[this.selectedIndex].value;document.getElementById('alt').value=this.options[this.selectedIndex].text;document.getElementById('title').value=this.options[this.selectedIndex].text;ImageDialog.showPreviewImage(this.options[this.selectedIndex].value);"><option value=""></option></select></td>
|
| | | </tr>
|
| | | <tr> |
| | | <td class="column1"><label id="altlabel" for="alt">{#advimage_dlg.alt}</label></td> |
| | | <td colspan="2"><input id="alt" name="alt" type="text" value="" /></td> |
| | | </tr> |
| | | <tr> |
| | | <td class="column1"><label id="titlelabel" for="title">{#advimage_dlg.title}</label></td> |
| | | <td colspan="2"><input id="title" name="title" type="text" value="" /></td> |
| | | </tr>
|
| | | </table>
|
| | | </fieldset>
|
| | |
|
| | | <fieldset>
|
| | | <legend>{#advimage_dlg.preview}</legend>
|
| | | <div id="prev"></div>
|
| | | </fieldset>
|
| | | </div>
|
| | |
|
| | | <div id="appearance_panel" class="panel">
|
| | | <fieldset>
|
| | | <legend>{#advimage_dlg.tab_appearance}</legend>
|
| | |
|
| | | <table role="presentation" border="0" cellpadding="4" cellspacing="0">
|
| | | <tr> |
| | | <td class="column1"><label id="alignlabel" for="align">{#advimage_dlg.align}</label></td> |
| | | <td><select id="align" name="align" onchange="ImageDialog.updateStyle('align');ImageDialog.changeAppearance();"> |
| | | <option value="">{#not_set}</option> |
| | | <option value="baseline">{#advimage_dlg.align_baseline}</option>
|
| | | <option value="top">{#advimage_dlg.align_top}</option>
|
| | | <option value="middle">{#advimage_dlg.align_middle}</option>
|
| | | <option value="bottom">{#advimage_dlg.align_bottom}</option>
|
| | | <option value="text-top">{#advimage_dlg.align_texttop}</option>
|
| | | <option value="text-bottom">{#advimage_dlg.align_textbottom}</option>
|
| | | <option value="left">{#advimage_dlg.align_left}</option>
|
| | | <option value="right">{#advimage_dlg.align_right}</option>
|
| | | </select> |
| | | </td>
|
| | | <td rowspan="6" valign="top">
|
| | | <div class="alignPreview">
|
| | | <img id="alignSampleImg" src="img/sample.gif" alt="{#advimage_dlg.example_img}" />
|
| | | Lorem ipsum, Dolor sit amet, consectetuer adipiscing loreum ipsum edipiscing elit, sed diam
|
| | | nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.Loreum ipsum
|
| | | edipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam
|
| | | erat volutpat.
|
| | | </div>
|
| | | </td>
|
| | | </tr>
|
| | |
|
| | | <tr role="group" aria-labelledby="widthlabel">
|
| | | <td class="column1"><label id="widthlabel" for="width">{#advimage_dlg.dimensions}</label></td>
|
| | | <td class="nowrap">
|
| | | <span style="display:none" id="width_voiceLabel">{#advimage_dlg.width}</span>
|
| | | <input name="width" type="text" id="width" value="" size="5" maxlength="5" class="size" onchange="ImageDialog.changeHeight();" aria-labelledby="width_voiceLabel" /> x |
| | | <span style="display:none" id="height_voiceLabel">{#advimage_dlg.height}</span>
|
| | | <input name="height" type="text" id="height" value="" size="5" maxlength="5" class="size" onchange="ImageDialog.changeWidth();" aria-labelledby="height_voiceLabel" /> px
|
| | | </td>
|
| | | </tr>
|
| | |
|
| | | <tr>
|
| | | <td> </td>
|
| | | <td><table role="presentation" border="0" cellpadding="0" cellspacing="0">
|
| | | <tr>
|
| | | <td><input id="constrain" type="checkbox" name="constrain" class="checkbox" /></td>
|
| | | <td><label id="constrainlabel" for="constrain">{#advimage_dlg.constrain_proportions}</label></td>
|
| | | </tr>
|
| | | </table></td>
|
| | | </tr>
|
| | |
|
| | | <tr>
|
| | | <td class="column1"><label id="vspacelabel" for="vspace">{#advimage_dlg.vspace}</label></td> |
| | | <td><input name="vspace" type="text" id="vspace" value="" size="3" maxlength="3" class="number" onchange="ImageDialog.updateStyle('vspace');ImageDialog.changeAppearance();" onblur="ImageDialog.updateStyle('vspace');ImageDialog.changeAppearance();" />
|
| | | </td>
|
| | | </tr>
|
| | |
|
| | | <tr> |
| | | <td class="column1"><label id="hspacelabel" for="hspace">{#advimage_dlg.hspace}</label></td> |
| | | <td><input name="hspace" type="text" id="hspace" value="" size="3" maxlength="3" class="number" onchange="ImageDialog.updateStyle('hspace');ImageDialog.changeAppearance();" onblur="ImageDialog.updateStyle('hspace');ImageDialog.changeAppearance();" /></td> |
| | | </tr>
|
| | |
|
| | | <tr>
|
| | | <td class="column1"><label id="borderlabel" for="border">{#advimage_dlg.border}</label></td> |
| | | <td><input id="border" name="border" type="text" value="" size="3" maxlength="3" class="number" onchange="ImageDialog.updateStyle('border');ImageDialog.changeAppearance();" onblur="ImageDialog.updateStyle('border');ImageDialog.changeAppearance();" /></td> |
| | | </tr>
|
| | |
|
| | | <tr>
|
| | | <td><label for="class_list">{#class_name}</label></td>
|
| | | <td colspan="2"><select id="class_list" name="class_list" class="mceEditableSelect"><option value=""></option></select></td>
|
| | | </tr>
|
| | |
|
| | | <tr>
|
| | | <td class="column1"><label id="stylelabel" for="style">{#advimage_dlg.style}</label></td> |
| | | <td colspan="2"><input id="style" name="style" type="text" value="" onchange="ImageDialog.changeAppearance();" /></td> |
| | | </tr>
|
| | |
|
| | | <!-- <tr>
|
| | | <td class="column1"><label id="classeslabel" for="classes">{#advimage_dlg.classes}</label></td> |
| | | <td colspan="2"><input id="classes" name="classes" type="text" value="" onchange="selectByValue(this.form,'classlist',this.value,true);" /></td> |
| | | </tr> -->
|
| | | </table>
|
| | | </fieldset>
|
| | | </div>
|
| | |
|
| | | <div id="advanced_panel" class="panel">
|
| | | <fieldset>
|
| | | <legend>{#advimage_dlg.swap_image}</legend>
|
| | |
|
| | | <input type="checkbox" id="onmousemovecheck" name="onmousemovecheck" class="checkbox" onclick="ImageDialog.setSwapImage(this.checked);" aria-controls="onmouseoversrc onmouseoutsrc" />
|
| | | <label id="onmousemovechecklabel" for="onmousemovecheck">{#advimage_dlg.alt_image}</label>
|
| | |
|
| | | <table role="presentation" border="0" cellpadding="4" cellspacing="0" width="100%">
|
| | | <tr>
|
| | | <td class="column1"><label id="onmouseoversrclabel" for="onmouseoversrc">{#advimage_dlg.mouseover}</label></td> |
| | | <td><table role="presentation" border="0" cellspacing="0" cellpadding="0"> |
| | | <tr> |
| | | <td><input id="onmouseoversrc" name="onmouseoversrc" type="text" value="" /></td> |
| | | <td id="onmouseoversrccontainer"> </td>
|
| | | </tr>
|
| | | </table></td>
|
| | | </tr>
|
| | | <tr>
|
| | | <td><label for="over_list">{#advimage_dlg.image_list}</label></td>
|
| | | <td><select id="over_list" name="over_list" onchange="document.getElementById('onmouseoversrc').value=this.options[this.selectedIndex].value;"><option value=""></option></select></td>
|
| | | </tr>
|
| | | <tr> |
| | | <td class="column1"><label id="onmouseoutsrclabel" for="onmouseoutsrc">{#advimage_dlg.mouseout}</label></td> |
| | | <td class="column2"><table role="presentation" border="0" cellspacing="0" cellpadding="0"> |
| | | <tr> |
| | | <td><input id="onmouseoutsrc" name="onmouseoutsrc" type="text" value="" /></td> |
| | | <td id="onmouseoutsrccontainer"> </td>
|
| | | </tr> |
| | | </table></td> |
| | | </tr>
|
| | | <tr>
|
| | | <td><label for="out_list">{#advimage_dlg.image_list}</label></td>
|
| | | <td><select id="out_list" name="out_list" onchange="document.getElementById('onmouseoutsrc').value=this.options[this.selectedIndex].value;"><option value=""></option></select></td>
|
| | | </tr>
|
| | | </table>
|
| | | </fieldset>
|
| | |
|
| | | <fieldset>
|
| | | <legend>{#advimage_dlg.misc}</legend>
|
| | |
|
| | | <table role="presentation" border="0" cellpadding="4" cellspacing="0">
|
| | | <tr>
|
| | | <td class="column1"><label id="idlabel" for="id">{#advimage_dlg.id}</label></td> |
| | | <td><input id="id" name="id" type="text" value="" /></td> |
| | | </tr>
|
| | |
|
| | | <tr>
|
| | | <td class="column1"><label id="dirlabel" for="dir">{#advimage_dlg.langdir}</label></td> |
| | | <td>
|
| | | <select id="dir" name="dir" onchange="ImageDialog.changeAppearance();"> |
| | | <option value="">{#not_set}</option> |
| | | <option value="ltr">{#advimage_dlg.ltr}</option> |
| | | <option value="rtl">{#advimage_dlg.rtl}</option> |
| | | </select>
|
| | | </td> |
| | | </tr>
|
| | |
|
| | | <tr>
|
| | | <td class="column1"><label id="langlabel" for="lang">{#advimage_dlg.langcode}</label></td> |
| | | <td>
|
| | | <input id="lang" name="lang" type="text" value="" />
|
| | | </td> |
| | | </tr>
|
| | |
|
| | | <tr>
|
| | | <td class="column1"><label id="usemaplabel" for="usemap">{#advimage_dlg.map}</label></td> |
| | | <td>
|
| | | <input id="usemap" name="usemap" type="text" value="" />
|
| | | </td> |
| | | </tr>
|
| | |
|
| | | <tr>
|
| | | <td class="column1"><label id="longdesclabel" for="longdesc">{#advimage_dlg.long_desc}</label></td>
|
| | | <td><table role="presentation" border="0" cellspacing="0" cellpadding="0">
|
| | | <tr>
|
| | | <td><input id="longdesc" name="longdesc" type="text" value="" /></td>
|
| | | <td id="longdesccontainer"> </td>
|
| | | </tr>
|
| | | </table></td> |
| | | </tr>
|
| | | </table>
|
| | | </fieldset>
|
| | | </div>
|
| | | </div>
|
| | |
|
| | | <div class="mceActionPanel">
|
| | | <input type="submit" id="insert" name="insert" value="{#insert}" />
|
| | | <input type="button" id="cancel" name="cancel" value="{#cancel}" onclick="tinyMCEPopup.close();" />
|
| | | </div>
|
| | | </form>
|
| | | </body> |
| | | </html> |
New file |
| | |
| | | var ImageDialog = {
|
| | | preInit : function() {
|
| | | var url;
|
| | |
|
| | | tinyMCEPopup.requireLangPack();
|
| | |
|
| | | if (url = tinyMCEPopup.getParam("external_image_list_url"))
|
| | | document.write('<script language="javascript" type="text/javascript" src="' + tinyMCEPopup.editor.documentBaseURI.toAbsolute(url) + '"></script>');
|
| | | },
|
| | |
|
| | | init : function(ed) {
|
| | | var f = document.forms[0], nl = f.elements, ed = tinyMCEPopup.editor, dom = ed.dom, n = ed.selection.getNode(), fl = tinyMCEPopup.getParam('external_image_list', 'tinyMCEImageList');
|
| | |
|
| | | tinyMCEPopup.resizeToInnerSize();
|
| | | this.fillClassList('class_list');
|
| | | this.fillFileList('src_list', fl);
|
| | | this.fillFileList('over_list', fl);
|
| | | this.fillFileList('out_list', fl);
|
| | | TinyMCE_EditableSelects.init();
|
| | |
|
| | | if (n.nodeName == 'IMG') {
|
| | | nl.src.value = dom.getAttrib(n, 'src');
|
| | | nl.width.value = dom.getAttrib(n, 'width');
|
| | | nl.height.value = dom.getAttrib(n, 'height');
|
| | | nl.alt.value = dom.getAttrib(n, 'alt');
|
| | | nl.title.value = dom.getAttrib(n, 'title');
|
| | | nl.vspace.value = this.getAttrib(n, 'vspace');
|
| | | nl.hspace.value = this.getAttrib(n, 'hspace');
|
| | | nl.border.value = this.getAttrib(n, 'border');
|
| | | selectByValue(f, 'align', this.getAttrib(n, 'align'));
|
| | | selectByValue(f, 'class_list', dom.getAttrib(n, 'class'), true, true);
|
| | | nl.style.value = dom.getAttrib(n, 'style');
|
| | | nl.id.value = dom.getAttrib(n, 'id');
|
| | | nl.dir.value = dom.getAttrib(n, 'dir');
|
| | | nl.lang.value = dom.getAttrib(n, 'lang');
|
| | | nl.usemap.value = dom.getAttrib(n, 'usemap');
|
| | | nl.longdesc.value = dom.getAttrib(n, 'longdesc');
|
| | | nl.insert.value = ed.getLang('update');
|
| | |
|
| | | if (/^\s*this.src\s*=\s*\'([^\']+)\';?\s*$/.test(dom.getAttrib(n, 'onmouseover')))
|
| | | nl.onmouseoversrc.value = dom.getAttrib(n, 'onmouseover').replace(/^\s*this.src\s*=\s*\'([^\']+)\';?\s*$/, '$1');
|
| | |
|
| | | if (/^\s*this.src\s*=\s*\'([^\']+)\';?\s*$/.test(dom.getAttrib(n, 'onmouseout')))
|
| | | nl.onmouseoutsrc.value = dom.getAttrib(n, 'onmouseout').replace(/^\s*this.src\s*=\s*\'([^\']+)\';?\s*$/, '$1');
|
| | |
|
| | | if (ed.settings.inline_styles) {
|
| | | // Move attribs to styles
|
| | | if (dom.getAttrib(n, 'align'))
|
| | | this.updateStyle('align');
|
| | |
|
| | | if (dom.getAttrib(n, 'hspace'))
|
| | | this.updateStyle('hspace');
|
| | |
|
| | | if (dom.getAttrib(n, 'border'))
|
| | | this.updateStyle('border');
|
| | |
|
| | | if (dom.getAttrib(n, 'vspace'))
|
| | | this.updateStyle('vspace');
|
| | | }
|
| | | }
|
| | |
|
| | | // Setup browse button
|
| | | document.getElementById('srcbrowsercontainer').innerHTML = getBrowserHTML('srcbrowser','src','image','theme_advanced_image');
|
| | | if (isVisible('srcbrowser'))
|
| | | document.getElementById('src').style.width = '260px';
|
| | |
|
| | | // Setup browse button
|
| | | document.getElementById('onmouseoversrccontainer').innerHTML = getBrowserHTML('overbrowser','onmouseoversrc','image','theme_advanced_image');
|
| | | if (isVisible('overbrowser'))
|
| | | document.getElementById('onmouseoversrc').style.width = '260px';
|
| | |
|
| | | // Setup browse button
|
| | | document.getElementById('onmouseoutsrccontainer').innerHTML = getBrowserHTML('outbrowser','onmouseoutsrc','image','theme_advanced_image');
|
| | | if (isVisible('outbrowser'))
|
| | | document.getElementById('onmouseoutsrc').style.width = '260px';
|
| | |
|
| | | // If option enabled default contrain proportions to checked
|
| | | if (ed.getParam("advimage_constrain_proportions", true))
|
| | | f.constrain.checked = true;
|
| | |
|
| | | // Check swap image if valid data
|
| | | if (nl.onmouseoversrc.value || nl.onmouseoutsrc.value)
|
| | | this.setSwapImage(true);
|
| | | else
|
| | | this.setSwapImage(false);
|
| | |
|
| | | this.changeAppearance();
|
| | | this.showPreviewImage(nl.src.value, 1);
|
| | | },
|
| | |
|
| | | insert : function(file, title) {
|
| | | var ed = tinyMCEPopup.editor, t = this, f = document.forms[0];
|
| | |
|
| | | if (f.src.value === '') {
|
| | | if (ed.selection.getNode().nodeName == 'IMG') {
|
| | | ed.dom.remove(ed.selection.getNode());
|
| | | ed.execCommand('mceRepaint');
|
| | | }
|
| | |
|
| | | tinyMCEPopup.close();
|
| | | return;
|
| | | }
|
| | |
|
| | | if (tinyMCEPopup.getParam("accessibility_warnings", 1)) {
|
| | | if (!f.alt.value) {
|
| | | tinyMCEPopup.confirm(tinyMCEPopup.getLang('advimage_dlg.missing_alt'), function(s) {
|
| | | if (s)
|
| | | t.insertAndClose();
|
| | | });
|
| | |
|
| | | return;
|
| | | }
|
| | | }
|
| | |
|
| | | t.insertAndClose();
|
| | | },
|
| | |
|
| | | insertAndClose : function() {
|
| | | var ed = tinyMCEPopup.editor, f = document.forms[0], nl = f.elements, v, args = {}, el;
|
| | |
|
| | | tinyMCEPopup.restoreSelection();
|
| | |
|
| | | // Fixes crash in Safari
|
| | | if (tinymce.isWebKit)
|
| | | ed.getWin().focus();
|
| | |
|
| | | if (!ed.settings.inline_styles) {
|
| | | args = {
|
| | | vspace : nl.vspace.value,
|
| | | hspace : nl.hspace.value,
|
| | | border : nl.border.value,
|
| | | align : getSelectValue(f, 'align')
|
| | | };
|
| | | } else {
|
| | | // Remove deprecated values
|
| | | args = {
|
| | | vspace : '',
|
| | | hspace : '',
|
| | | border : '',
|
| | | align : ''
|
| | | };
|
| | | }
|
| | |
|
| | | tinymce.extend(args, {
|
| | | src : nl.src.value.replace(/ /g, '%20'),
|
| | | width : nl.width.value,
|
| | | height : nl.height.value,
|
| | | alt : nl.alt.value,
|
| | | title : nl.title.value,
|
| | | 'class' : getSelectValue(f, 'class_list'),
|
| | | style : nl.style.value,
|
| | | id : nl.id.value,
|
| | | dir : nl.dir.value,
|
| | | lang : nl.lang.value,
|
| | | usemap : nl.usemap.value,
|
| | | longdesc : nl.longdesc.value
|
| | | });
|
| | |
|
| | | args.onmouseover = args.onmouseout = '';
|
| | |
|
| | | if (f.onmousemovecheck.checked) {
|
| | | if (nl.onmouseoversrc.value)
|
| | | args.onmouseover = "this.src='" + nl.onmouseoversrc.value + "';";
|
| | |
|
| | | if (nl.onmouseoutsrc.value)
|
| | | args.onmouseout = "this.src='" + nl.onmouseoutsrc.value + "';";
|
| | | }
|
| | |
|
| | | el = ed.selection.getNode();
|
| | |
|
| | | if (el && el.nodeName == 'IMG') {
|
| | | ed.dom.setAttribs(el, args);
|
| | | } else {
|
| | | tinymce.each(args, function(value, name) {
|
| | | if (value === "") {
|
| | | delete args[name];
|
| | | }
|
| | | });
|
| | |
|
| | | ed.execCommand('mceInsertContent', false, tinyMCEPopup.editor.dom.createHTML('img', args), {skip_undo : 1});
|
| | | ed.undoManager.add();
|
| | | }
|
| | |
|
| | | tinyMCEPopup.editor.execCommand('mceRepaint');
|
| | | tinyMCEPopup.editor.focus();
|
| | | tinyMCEPopup.close();
|
| | | },
|
| | |
|
| | | getAttrib : function(e, at) {
|
| | | var ed = tinyMCEPopup.editor, dom = ed.dom, v, v2;
|
| | |
|
| | | if (ed.settings.inline_styles) {
|
| | | switch (at) {
|
| | | case 'align':
|
| | | if (v = dom.getStyle(e, 'float'))
|
| | | return v;
|
| | |
|
| | | if (v = dom.getStyle(e, 'vertical-align'))
|
| | | return v;
|
| | |
|
| | | break;
|
| | |
|
| | | case 'hspace':
|
| | | v = dom.getStyle(e, 'margin-left')
|
| | | v2 = dom.getStyle(e, 'margin-right');
|
| | |
|
| | | if (v && v == v2)
|
| | | return parseInt(v.replace(/[^0-9]/g, ''));
|
| | |
|
| | | break;
|
| | |
|
| | | case 'vspace':
|
| | | v = dom.getStyle(e, 'margin-top')
|
| | | v2 = dom.getStyle(e, 'margin-bottom');
|
| | | if (v && v == v2)
|
| | | return parseInt(v.replace(/[^0-9]/g, ''));
|
| | |
|
| | | break;
|
| | |
|
| | | case 'border':
|
| | | v = 0;
|
| | |
|
| | | tinymce.each(['top', 'right', 'bottom', 'left'], function(sv) {
|
| | | sv = dom.getStyle(e, 'border-' + sv + '-width');
|
| | |
|
| | | // False or not the same as prev
|
| | | if (!sv || (sv != v && v !== 0)) {
|
| | | v = 0;
|
| | | return false;
|
| | | }
|
| | |
|
| | | if (sv)
|
| | | v = sv;
|
| | | });
|
| | |
|
| | | if (v)
|
| | | return parseInt(v.replace(/[^0-9]/g, ''));
|
| | |
|
| | | break;
|
| | | }
|
| | | }
|
| | |
|
| | | if (v = dom.getAttrib(e, at))
|
| | | return v;
|
| | |
|
| | | return '';
|
| | | },
|
| | |
|
| | | setSwapImage : function(st) {
|
| | | var f = document.forms[0];
|
| | |
|
| | | f.onmousemovecheck.checked = st;
|
| | | setBrowserDisabled('overbrowser', !st);
|
| | | setBrowserDisabled('outbrowser', !st);
|
| | |
|
| | | if (f.over_list)
|
| | | f.over_list.disabled = !st;
|
| | |
|
| | | if (f.out_list)
|
| | | f.out_list.disabled = !st;
|
| | |
|
| | | f.onmouseoversrc.disabled = !st;
|
| | | f.onmouseoutsrc.disabled = !st;
|
| | | },
|
| | |
|
| | | fillClassList : function(id) {
|
| | | var dom = tinyMCEPopup.dom, lst = dom.get(id), v, cl;
|
| | |
|
| | | if (v = tinyMCEPopup.getParam('theme_advanced_styles')) {
|
| | | cl = [];
|
| | |
|
| | | tinymce.each(v.split(';'), function(v) {
|
| | | var p = v.split('=');
|
| | |
|
| | | cl.push({'title' : p[0], 'class' : p[1]});
|
| | | });
|
| | | } else
|
| | | cl = tinyMCEPopup.editor.dom.getClasses();
|
| | |
|
| | | if (cl.length > 0) {
|
| | | lst.options.length = 0;
|
| | | lst.options[lst.options.length] = new Option(tinyMCEPopup.getLang('not_set'), '');
|
| | |
|
| | | tinymce.each(cl, function(o) {
|
| | | lst.options[lst.options.length] = new Option(o.title || o['class'], o['class']);
|
| | | });
|
| | | } else
|
| | | dom.remove(dom.getParent(id, 'tr'));
|
| | | },
|
| | |
|
| | | fillFileList : function(id, l) {
|
| | | var dom = tinyMCEPopup.dom, lst = dom.get(id), v, cl;
|
| | |
|
| | | l = typeof(l) === 'function' ? l() : window[l];
|
| | | lst.options.length = 0;
|
| | |
|
| | | if (l && l.length > 0) {
|
| | | lst.options[lst.options.length] = new Option('', '');
|
| | |
|
| | | tinymce.each(l, function(o) {
|
| | | lst.options[lst.options.length] = new Option(o[0], o[1]);
|
| | | });
|
| | | } else
|
| | | dom.remove(dom.getParent(id, 'tr'));
|
| | | },
|
| | |
|
| | | resetImageData : function() {
|
| | | var f = document.forms[0];
|
| | |
|
| | | f.elements.width.value = f.elements.height.value = '';
|
| | | },
|
| | |
|
| | | updateImageData : function(img, st) {
|
| | | var f = document.forms[0];
|
| | |
|
| | | if (!st) {
|
| | | f.elements.width.value = img.width;
|
| | | f.elements.height.value = img.height;
|
| | | }
|
| | |
|
| | | this.preloadImg = img;
|
| | | },
|
| | |
|
| | | changeAppearance : function() {
|
| | | var ed = tinyMCEPopup.editor, f = document.forms[0], img = document.getElementById('alignSampleImg');
|
| | |
|
| | | if (img) {
|
| | | if (ed.getParam('inline_styles')) {
|
| | | ed.dom.setAttrib(img, 'style', f.style.value);
|
| | | } else {
|
| | | img.align = f.align.value;
|
| | | img.border = f.border.value;
|
| | | img.hspace = f.hspace.value;
|
| | | img.vspace = f.vspace.value;
|
| | | }
|
| | | }
|
| | | },
|
| | |
|
| | | changeHeight : function() {
|
| | | var f = document.forms[0], tp, t = this;
|
| | |
|
| | | if (!f.constrain.checked || !t.preloadImg) {
|
| | | return;
|
| | | }
|
| | |
|
| | | if (f.width.value == "" || f.height.value == "")
|
| | | return;
|
| | |
|
| | | tp = (parseInt(f.width.value) / parseInt(t.preloadImg.width)) * t.preloadImg.height;
|
| | | f.height.value = tp.toFixed(0);
|
| | | },
|
| | |
|
| | | changeWidth : function() {
|
| | | var f = document.forms[0], tp, t = this;
|
| | |
|
| | | if (!f.constrain.checked || !t.preloadImg) {
|
| | | return;
|
| | | }
|
| | |
|
| | | if (f.width.value == "" || f.height.value == "")
|
| | | return;
|
| | |
|
| | | tp = (parseInt(f.height.value) / parseInt(t.preloadImg.height)) * t.preloadImg.width;
|
| | | f.width.value = tp.toFixed(0);
|
| | | },
|
| | |
|
| | | updateStyle : function(ty) {
|
| | | var dom = tinyMCEPopup.dom, b, bStyle, bColor, v, isIE = tinymce.isIE, f = document.forms[0], img = dom.create('img', {style : dom.get('style').value});
|
| | |
|
| | | if (tinyMCEPopup.editor.settings.inline_styles) {
|
| | | // Handle align
|
| | | if (ty == 'align') {
|
| | | dom.setStyle(img, 'float', '');
|
| | | dom.setStyle(img, 'vertical-align', '');
|
| | |
|
| | | v = getSelectValue(f, 'align');
|
| | | if (v) {
|
| | | if (v == 'left' || v == 'right')
|
| | | dom.setStyle(img, 'float', v);
|
| | | else
|
| | | img.style.verticalAlign = v;
|
| | | }
|
| | | }
|
| | |
|
| | | // Handle border
|
| | | if (ty == 'border') {
|
| | | b = img.style.border ? img.style.border.split(' ') : [];
|
| | | bStyle = dom.getStyle(img, 'border-style');
|
| | | bColor = dom.getStyle(img, 'border-color');
|
| | |
|
| | | dom.setStyle(img, 'border', '');
|
| | |
|
| | | v = f.border.value;
|
| | | if (v || v == '0') {
|
| | | if (v == '0')
|
| | | img.style.border = isIE ? '0' : '0 none none';
|
| | | else {
|
| | | if (b.length == 3 && b[isIE ? 2 : 1])
|
| | | bStyle = b[isIE ? 2 : 1];
|
| | | else if (!bStyle || bStyle == 'none')
|
| | | bStyle = 'solid';
|
| | | if (b.length == 3 && b[isIE ? 0 : 2])
|
| | | bColor = b[isIE ? 0 : 2];
|
| | | else if (!bColor || bColor == 'none')
|
| | | bColor = 'black';
|
| | | img.style.border = v + 'px ' + bStyle + ' ' + bColor;
|
| | | }
|
| | | }
|
| | | }
|
| | |
|
| | | // Handle hspace
|
| | | if (ty == 'hspace') {
|
| | | dom.setStyle(img, 'marginLeft', '');
|
| | | dom.setStyle(img, 'marginRight', '');
|
| | |
|
| | | v = f.hspace.value;
|
| | | if (v) {
|
| | | img.style.marginLeft = v + 'px';
|
| | | img.style.marginRight = v + 'px';
|
| | | }
|
| | | }
|
| | |
|
| | | // Handle vspace
|
| | | if (ty == 'vspace') {
|
| | | dom.setStyle(img, 'marginTop', '');
|
| | | dom.setStyle(img, 'marginBottom', '');
|
| | |
|
| | | v = f.vspace.value;
|
| | | if (v) {
|
| | | img.style.marginTop = v + 'px';
|
| | | img.style.marginBottom = v + 'px';
|
| | | }
|
| | | }
|
| | |
|
| | | // Merge
|
| | | dom.get('style').value = dom.serializeStyle(dom.parseStyle(img.style.cssText), 'img');
|
| | | }
|
| | | },
|
| | |
|
| | | changeMouseMove : function() {
|
| | | },
|
| | |
|
| | | showPreviewImage : function(u, st) {
|
| | | if (!u) {
|
| | | tinyMCEPopup.dom.setHTML('prev', '');
|
| | | return;
|
| | | }
|
| | |
|
| | | if (!st && tinyMCEPopup.getParam("advimage_update_dimensions_onchange", true))
|
| | | this.resetImageData();
|
| | |
|
| | | u = tinyMCEPopup.editor.documentBaseURI.toAbsolute(u);
|
| | |
|
| | | if (!st)
|
| | | tinyMCEPopup.dom.setHTML('prev', '<img id="previewImg" src="' + u + '" border="0" onload="ImageDialog.updateImageData(this);" onerror="ImageDialog.resetImageData();" />');
|
| | | else
|
| | | tinyMCEPopup.dom.setHTML('prev', '<img id="previewImg" src="' + u + '" border="0" onload="ImageDialog.updateImageData(this, 1);" />');
|
| | | }
|
| | | };
|
| | |
|
| | | ImageDialog.preInit();
|
| | | tinyMCEPopup.onInit.add(ImageDialog.init, ImageDialog);
|
New file |
| | |
| | | tinyMCE.addI18n('en.advimage_dlg',{"image_list":"Image List","align_right":"Right","align_left":"Left","align_textbottom":"Text Bottom","align_texttop":"Text Top","align_bottom":"Bottom","align_middle":"Middle","align_top":"Top","align_baseline":"Baseline",align:"Alignment",hspace:"Horizontal Space",vspace:"Vertical Space",dimensions:"Dimensions",border:"Border",list:"Image List",alt:"Image Description",src:"Image URL","dialog_title":"Insert/Edit Image","missing_alt":"Are you sure you want to continue without including an Image Description? Without it the image may not be accessible to some users with disabilities, or to those using a text browser, or browsing the Web with images turned off.","example_img":"Appearance Preview Image",misc:"Miscellaneous",mouseout:"For Mouse Out",mouseover:"For Mouse Over","alt_image":"Alternative Image","swap_image":"Swap Image",map:"Image Map",id:"ID",rtl:"Right to Left",ltr:"Left to Right",classes:"Classes",style:"Style","long_desc":"Long Description Link",langcode:"Language Code",langdir:"Language Direction","constrain_proportions":"Constrain Proportions",preview:"Preview",title:"Title",general:"General","tab_advanced":"Advanced","tab_appearance":"Appearance","tab_general":"General",width:"Width",height:"Height"}); |
New file |
| | |
| | | .mceLinkList, .mceAnchorList, #targetlist {width:280px;}
|
| | | .mceActionPanel {margin-top:7px;}
|
| | | .panel_wrapper div.current {height:320px;}
|
| | | #classlist, #title, #href {width:280px;}
|
| | | #popupurl, #popupname {width:200px;}
|
| | | #popupwidth, #popupheight, #popupleft, #popuptop {width:30px;vertical-align:middle;text-align:center;}
|
| | | #id, #style, #classes, #target, #dir, #hreflang, #lang, #charset, #type, #rel, #rev, #tabindex, #accesskey {width:200px;}
|
| | | #events_panel input {width:200px;}
|
New file |
| | |
| | | (function(){tinymce.create("tinymce.plugins.AdvancedLinkPlugin",{init:function(a,b){this.editor=a;a.addCommand("mceAdvLink",function(){var c=a.selection;if(c.isCollapsed()&&!a.dom.getParent(c.getNode(),"A")){return}a.windowManager.open({file:b+"/link.htm",width:480+parseInt(a.getLang("advlink.delta_width",0)),height:400+parseInt(a.getLang("advlink.delta_height",0)),inline:1},{plugin_url:b})});a.addButton("link",{title:"advlink.link_desc",cmd:"mceAdvLink"});a.addShortcut("ctrl+k","advlink.advlink_desc","mceAdvLink");a.onNodeChange.add(function(d,c,f,e){c.setDisabled("link",e&&f.nodeName!="A");c.setActive("link",f.nodeName=="A"&&!f.name)})},getInfo:function(){return{longname:"Advanced link",author:"Moxiecode Systems AB",authorurl:"http://tinymce.moxiecode.com",infourl:"http://wiki.moxiecode.com/index.php/TinyMCE:Plugins/advlink",version:tinymce.majorVersion+"."+tinymce.minorVersion}}});tinymce.PluginManager.add("advlink",tinymce.plugins.AdvancedLinkPlugin)})(); |
New file |
| | |
| | | /**
|
| | | * editor_plugin_src.js
|
| | | *
|
| | | * Copyright 2009, Moxiecode Systems AB
|
| | | * Released under LGPL License.
|
| | | *
|
| | | * License: http://tinymce.moxiecode.com/license
|
| | | * Contributing: http://tinymce.moxiecode.com/contributing
|
| | | */
|
| | |
|
| | | (function() {
|
| | | tinymce.create('tinymce.plugins.AdvancedLinkPlugin', {
|
| | | init : function(ed, url) {
|
| | | this.editor = ed;
|
| | |
|
| | | // Register commands
|
| | | ed.addCommand('mceAdvLink', function() {
|
| | | var se = ed.selection;
|
| | |
|
| | | // No selection and not in link
|
| | | if (se.isCollapsed() && !ed.dom.getParent(se.getNode(), 'A'))
|
| | | return;
|
| | |
|
| | | ed.windowManager.open({
|
| | | file : url + '/link.htm',
|
| | | width : 480 + parseInt(ed.getLang('advlink.delta_width', 0)),
|
| | | height : 400 + parseInt(ed.getLang('advlink.delta_height', 0)),
|
| | | inline : 1
|
| | | }, {
|
| | | plugin_url : url
|
| | | });
|
| | | });
|
| | |
|
| | | // Register buttons
|
| | | ed.addButton('link', {
|
| | | title : 'advlink.link_desc',
|
| | | cmd : 'mceAdvLink'
|
| | | });
|
| | |
|
| | | ed.addShortcut('ctrl+k', 'advlink.advlink_desc', 'mceAdvLink');
|
| | |
|
| | | ed.onNodeChange.add(function(ed, cm, n, co) {
|
| | | cm.setDisabled('link', co && n.nodeName != 'A');
|
| | | cm.setActive('link', n.nodeName == 'A' && !n.name);
|
| | | });
|
| | | },
|
| | |
|
| | | getInfo : function() {
|
| | | return {
|
| | | longname : 'Advanced link',
|
| | | author : 'Moxiecode Systems AB',
|
| | | authorurl : 'http://tinymce.moxiecode.com',
|
| | | infourl : 'http://wiki.moxiecode.com/index.php/TinyMCE:Plugins/advlink',
|
| | | version : tinymce.majorVersion + "." + tinymce.minorVersion
|
| | | };
|
| | | }
|
| | | });
|
| | |
|
| | | // Register plugin
|
| | | tinymce.PluginManager.add('advlink', tinymce.plugins.AdvancedLinkPlugin);
|
| | | })(); |
New file |
| | |
| | | /* Functions for the advlink plugin popup */
|
| | |
|
| | | tinyMCEPopup.requireLangPack();
|
| | |
|
| | | var templates = {
|
| | | "window.open" : "window.open('${url}','${target}','${options}')"
|
| | | };
|
| | |
|
| | | function preinit() {
|
| | | var url;
|
| | |
|
| | | if (url = tinyMCEPopup.getParam("external_link_list_url"))
|
| | | document.write('<script language="javascript" type="text/javascript" src="' + tinyMCEPopup.editor.documentBaseURI.toAbsolute(url) + '"></script>');
|
| | | }
|
| | |
|
| | | function changeClass() {
|
| | | var f = document.forms[0];
|
| | |
|
| | | f.classes.value = getSelectValue(f, 'classlist');
|
| | | }
|
| | |
|
| | | function init() {
|
| | | tinyMCEPopup.resizeToInnerSize();
|
| | |
|
| | | var formObj = document.forms[0];
|
| | | var inst = tinyMCEPopup.editor;
|
| | | var elm = inst.selection.getNode();
|
| | | var action = "insert";
|
| | | var html;
|
| | |
|
| | | document.getElementById('hrefbrowsercontainer').innerHTML = getBrowserHTML('hrefbrowser','href','file','advlink');
|
| | | document.getElementById('popupurlbrowsercontainer').innerHTML = getBrowserHTML('popupurlbrowser','popupurl','file','advlink');
|
| | | document.getElementById('targetlistcontainer').innerHTML = getTargetListHTML('targetlist','target');
|
| | |
|
| | | // Link list
|
| | | html = getLinkListHTML('linklisthref','href');
|
| | | if (html == "")
|
| | | document.getElementById("linklisthrefrow").style.display = 'none';
|
| | | else
|
| | | document.getElementById("linklisthrefcontainer").innerHTML = html;
|
| | |
|
| | | // Anchor list
|
| | | html = getAnchorListHTML('anchorlist','href');
|
| | | if (html == "")
|
| | | document.getElementById("anchorlistrow").style.display = 'none';
|
| | | else
|
| | | document.getElementById("anchorlistcontainer").innerHTML = html;
|
| | |
|
| | | // Resize some elements
|
| | | if (isVisible('hrefbrowser'))
|
| | | document.getElementById('href').style.width = '260px';
|
| | |
|
| | | if (isVisible('popupurlbrowser'))
|
| | | document.getElementById('popupurl').style.width = '180px';
|
| | |
|
| | | elm = inst.dom.getParent(elm, "A");
|
| | | if (elm != null && elm.nodeName == "A")
|
| | | action = "update";
|
| | |
|
| | | formObj.insert.value = tinyMCEPopup.getLang(action, 'Insert', true); |
| | |
|
| | | setPopupControlsDisabled(true);
|
| | |
|
| | | if (action == "update") {
|
| | | var href = inst.dom.getAttrib(elm, 'href');
|
| | | var onclick = inst.dom.getAttrib(elm, 'onclick');
|
| | |
|
| | | // Setup form data
|
| | | setFormValue('href', href);
|
| | | setFormValue('title', inst.dom.getAttrib(elm, 'title'));
|
| | | setFormValue('id', inst.dom.getAttrib(elm, 'id'));
|
| | | setFormValue('style', inst.dom.getAttrib(elm, "style"));
|
| | | setFormValue('rel', inst.dom.getAttrib(elm, 'rel'));
|
| | | setFormValue('rev', inst.dom.getAttrib(elm, 'rev'));
|
| | | setFormValue('charset', inst.dom.getAttrib(elm, 'charset'));
|
| | | setFormValue('hreflang', inst.dom.getAttrib(elm, 'hreflang'));
|
| | | setFormValue('dir', inst.dom.getAttrib(elm, 'dir'));
|
| | | setFormValue('lang', inst.dom.getAttrib(elm, 'lang'));
|
| | | setFormValue('tabindex', inst.dom.getAttrib(elm, 'tabindex', typeof(elm.tabindex) != "undefined" ? elm.tabindex : ""));
|
| | | setFormValue('accesskey', inst.dom.getAttrib(elm, 'accesskey', typeof(elm.accesskey) != "undefined" ? elm.accesskey : ""));
|
| | | setFormValue('type', inst.dom.getAttrib(elm, 'type'));
|
| | | setFormValue('onfocus', inst.dom.getAttrib(elm, 'onfocus'));
|
| | | setFormValue('onblur', inst.dom.getAttrib(elm, 'onblur'));
|
| | | setFormValue('onclick', onclick);
|
| | | setFormValue('ondblclick', inst.dom.getAttrib(elm, 'ondblclick'));
|
| | | setFormValue('onmousedown', inst.dom.getAttrib(elm, 'onmousedown'));
|
| | | setFormValue('onmouseup', inst.dom.getAttrib(elm, 'onmouseup'));
|
| | | setFormValue('onmouseover', inst.dom.getAttrib(elm, 'onmouseover'));
|
| | | setFormValue('onmousemove', inst.dom.getAttrib(elm, 'onmousemove'));
|
| | | setFormValue('onmouseout', inst.dom.getAttrib(elm, 'onmouseout'));
|
| | | setFormValue('onkeypress', inst.dom.getAttrib(elm, 'onkeypress'));
|
| | | setFormValue('onkeydown', inst.dom.getAttrib(elm, 'onkeydown'));
|
| | | setFormValue('onkeyup', inst.dom.getAttrib(elm, 'onkeyup'));
|
| | | setFormValue('target', inst.dom.getAttrib(elm, 'target'));
|
| | | setFormValue('classes', inst.dom.getAttrib(elm, 'class'));
|
| | |
|
| | | // Parse onclick data
|
| | | if (onclick != null && onclick.indexOf('window.open') != -1)
|
| | | parseWindowOpen(onclick);
|
| | | else
|
| | | parseFunction(onclick);
|
| | |
|
| | | // Select by the values
|
| | | selectByValue(formObj, 'dir', inst.dom.getAttrib(elm, 'dir'));
|
| | | selectByValue(formObj, 'rel', inst.dom.getAttrib(elm, 'rel'));
|
| | | selectByValue(formObj, 'rev', inst.dom.getAttrib(elm, 'rev'));
|
| | | selectByValue(formObj, 'linklisthref', href);
|
| | |
|
| | | if (href.charAt(0) == '#')
|
| | | selectByValue(formObj, 'anchorlist', href);
|
| | |
|
| | | addClassesToList('classlist', 'advlink_styles');
|
| | |
|
| | | selectByValue(formObj, 'classlist', inst.dom.getAttrib(elm, 'class'), true);
|
| | | selectByValue(formObj, 'targetlist', inst.dom.getAttrib(elm, 'target'), true);
|
| | | } else
|
| | | addClassesToList('classlist', 'advlink_styles');
|
| | | }
|
| | |
|
| | | function checkPrefix(n) {
|
| | | if (n.value && Validator.isEmail(n) && !/^\s*mailto:/i.test(n.value) && confirm(tinyMCEPopup.getLang('advlink_dlg.is_email')))
|
| | | n.value = 'mailto:' + n.value;
|
| | |
|
| | | if (/^\s*www\./i.test(n.value) && confirm(tinyMCEPopup.getLang('advlink_dlg.is_external')))
|
| | | n.value = 'http://' + n.value;
|
| | | }
|
| | |
|
| | | function setFormValue(name, value) {
|
| | | document.forms[0].elements[name].value = value;
|
| | | }
|
| | |
|
| | | function parseWindowOpen(onclick) {
|
| | | var formObj = document.forms[0];
|
| | |
|
| | | // Preprocess center code
|
| | | if (onclick.indexOf('return false;') != -1) {
|
| | | formObj.popupreturn.checked = true;
|
| | | onclick = onclick.replace('return false;', '');
|
| | | } else
|
| | | formObj.popupreturn.checked = false;
|
| | |
|
| | | var onClickData = parseLink(onclick);
|
| | |
|
| | | if (onClickData != null) {
|
| | | formObj.ispopup.checked = true;
|
| | | setPopupControlsDisabled(false);
|
| | |
|
| | | var onClickWindowOptions = parseOptions(onClickData['options']);
|
| | | var url = onClickData['url'];
|
| | |
|
| | | formObj.popupname.value = onClickData['target'];
|
| | | formObj.popupurl.value = url;
|
| | | formObj.popupwidth.value = getOption(onClickWindowOptions, 'width');
|
| | | formObj.popupheight.value = getOption(onClickWindowOptions, 'height');
|
| | |
|
| | | formObj.popupleft.value = getOption(onClickWindowOptions, 'left');
|
| | | formObj.popuptop.value = getOption(onClickWindowOptions, 'top');
|
| | |
|
| | | if (formObj.popupleft.value.indexOf('screen') != -1)
|
| | | formObj.popupleft.value = "c";
|
| | |
|
| | | if (formObj.popuptop.value.indexOf('screen') != -1)
|
| | | formObj.popuptop.value = "c";
|
| | |
|
| | | formObj.popuplocation.checked = getOption(onClickWindowOptions, 'location') == "yes";
|
| | | formObj.popupscrollbars.checked = getOption(onClickWindowOptions, 'scrollbars') == "yes";
|
| | | formObj.popupmenubar.checked = getOption(onClickWindowOptions, 'menubar') == "yes";
|
| | | formObj.popupresizable.checked = getOption(onClickWindowOptions, 'resizable') == "yes";
|
| | | formObj.popuptoolbar.checked = getOption(onClickWindowOptions, 'toolbar') == "yes";
|
| | | formObj.popupstatus.checked = getOption(onClickWindowOptions, 'status') == "yes";
|
| | | formObj.popupdependent.checked = getOption(onClickWindowOptions, 'dependent') == "yes";
|
| | |
|
| | | buildOnClick();
|
| | | }
|
| | | }
|
| | |
|
| | | function parseFunction(onclick) {
|
| | | var formObj = document.forms[0];
|
| | | var onClickData = parseLink(onclick);
|
| | |
|
| | | // TODO: Add stuff here
|
| | | }
|
| | |
|
| | | function getOption(opts, name) {
|
| | | return typeof(opts[name]) == "undefined" ? "" : opts[name];
|
| | | }
|
| | |
|
| | | function setPopupControlsDisabled(state) {
|
| | | var formObj = document.forms[0];
|
| | |
|
| | | formObj.popupname.disabled = state;
|
| | | formObj.popupurl.disabled = state;
|
| | | formObj.popupwidth.disabled = state;
|
| | | formObj.popupheight.disabled = state;
|
| | | formObj.popupleft.disabled = state;
|
| | | formObj.popuptop.disabled = state;
|
| | | formObj.popuplocation.disabled = state;
|
| | | formObj.popupscrollbars.disabled = state;
|
| | | formObj.popupmenubar.disabled = state;
|
| | | formObj.popupresizable.disabled = state;
|
| | | formObj.popuptoolbar.disabled = state;
|
| | | formObj.popupstatus.disabled = state;
|
| | | formObj.popupreturn.disabled = state;
|
| | | formObj.popupdependent.disabled = state;
|
| | |
|
| | | setBrowserDisabled('popupurlbrowser', state);
|
| | | }
|
| | |
|
| | | function parseLink(link) {
|
| | | link = link.replace(new RegExp(''', 'g'), "'");
|
| | |
|
| | | var fnName = link.replace(new RegExp("\\s*([A-Za-z0-9\.]*)\\s*\\(.*", "gi"), "$1");
|
| | |
|
| | | // Is function name a template function
|
| | | var template = templates[fnName];
|
| | | if (template) {
|
| | | // Build regexp
|
| | | var variableNames = template.match(new RegExp("'?\\$\\{[A-Za-z0-9\.]*\\}'?", "gi"));
|
| | | var regExp = "\\s*[A-Za-z0-9\.]*\\s*\\(";
|
| | | var replaceStr = "";
|
| | | for (var i=0; i<variableNames.length; i++) {
|
| | | // Is string value
|
| | | if (variableNames[i].indexOf("'${") != -1)
|
| | | regExp += "'(.*)'";
|
| | | else // Number value
|
| | | regExp += "([0-9]*)";
|
| | |
|
| | | replaceStr += "$" + (i+1);
|
| | |
|
| | | // Cleanup variable name
|
| | | variableNames[i] = variableNames[i].replace(new RegExp("[^A-Za-z0-9]", "gi"), "");
|
| | |
|
| | | if (i != variableNames.length-1) {
|
| | | regExp += "\\s*,\\s*";
|
| | | replaceStr += "<delim>";
|
| | | } else
|
| | | regExp += ".*";
|
| | | }
|
| | |
|
| | | regExp += "\\);?";
|
| | |
|
| | | // Build variable array
|
| | | var variables = [];
|
| | | variables["_function"] = fnName;
|
| | | var variableValues = link.replace(new RegExp(regExp, "gi"), replaceStr).split('<delim>');
|
| | | for (var i=0; i<variableNames.length; i++)
|
| | | variables[variableNames[i]] = variableValues[i];
|
| | |
|
| | | return variables;
|
| | | }
|
| | |
|
| | | return null;
|
| | | }
|
| | |
|
| | | function parseOptions(opts) {
|
| | | if (opts == null || opts == "")
|
| | | return [];
|
| | |
|
| | | // Cleanup the options
|
| | | opts = opts.toLowerCase();
|
| | | opts = opts.replace(/;/g, ",");
|
| | | opts = opts.replace(/[^0-9a-z=,]/g, "");
|
| | |
|
| | | var optionChunks = opts.split(',');
|
| | | var options = [];
|
| | |
|
| | | for (var i=0; i<optionChunks.length; i++) {
|
| | | var parts = optionChunks[i].split('=');
|
| | |
|
| | | if (parts.length == 2)
|
| | | options[parts[0]] = parts[1];
|
| | | }
|
| | |
|
| | | return options;
|
| | | }
|
| | |
|
| | | function buildOnClick() {
|
| | | var formObj = document.forms[0];
|
| | |
|
| | | if (!formObj.ispopup.checked) {
|
| | | formObj.onclick.value = "";
|
| | | return;
|
| | | }
|
| | |
|
| | | var onclick = "window.open('";
|
| | | var url = formObj.popupurl.value;
|
| | |
|
| | | onclick += url + "','";
|
| | | onclick += formObj.popupname.value + "','";
|
| | |
|
| | | if (formObj.popuplocation.checked)
|
| | | onclick += "location=yes,";
|
| | |
|
| | | if (formObj.popupscrollbars.checked)
|
| | | onclick += "scrollbars=yes,";
|
| | |
|
| | | if (formObj.popupmenubar.checked)
|
| | | onclick += "menubar=yes,";
|
| | |
|
| | | if (formObj.popupresizable.checked)
|
| | | onclick += "resizable=yes,";
|
| | |
|
| | | if (formObj.popuptoolbar.checked)
|
| | | onclick += "toolbar=yes,";
|
| | |
|
| | | if (formObj.popupstatus.checked)
|
| | | onclick += "status=yes,";
|
| | |
|
| | | if (formObj.popupdependent.checked)
|
| | | onclick += "dependent=yes,";
|
| | |
|
| | | if (formObj.popupwidth.value != "")
|
| | | onclick += "width=" + formObj.popupwidth.value + ",";
|
| | |
|
| | | if (formObj.popupheight.value != "")
|
| | | onclick += "height=" + formObj.popupheight.value + ",";
|
| | |
|
| | | if (formObj.popupleft.value != "") {
|
| | | if (formObj.popupleft.value != "c")
|
| | | onclick += "left=" + formObj.popupleft.value + ",";
|
| | | else
|
| | | onclick += "left='+(screen.availWidth/2-" + (formObj.popupwidth.value/2) + ")+',";
|
| | | }
|
| | |
|
| | | if (formObj.popuptop.value != "") {
|
| | | if (formObj.popuptop.value != "c")
|
| | | onclick += "top=" + formObj.popuptop.value + ",";
|
| | | else
|
| | | onclick += "top='+(screen.availHeight/2-" + (formObj.popupheight.value/2) + ")+',";
|
| | | }
|
| | |
|
| | | if (onclick.charAt(onclick.length-1) == ',')
|
| | | onclick = onclick.substring(0, onclick.length-1);
|
| | |
|
| | | onclick += "');";
|
| | |
|
| | | if (formObj.popupreturn.checked)
|
| | | onclick += "return false;";
|
| | |
|
| | | // tinyMCE.debug(onclick);
|
| | |
|
| | | formObj.onclick.value = onclick;
|
| | |
|
| | | if (formObj.href.value == "")
|
| | | formObj.href.value = url;
|
| | | }
|
| | |
|
| | | function setAttrib(elm, attrib, value) {
|
| | | var formObj = document.forms[0];
|
| | | var valueElm = formObj.elements[attrib.toLowerCase()];
|
| | | var dom = tinyMCEPopup.editor.dom;
|
| | |
|
| | | if (typeof(value) == "undefined" || value == null) {
|
| | | value = "";
|
| | |
|
| | | if (valueElm)
|
| | | value = valueElm.value;
|
| | | }
|
| | |
|
| | | // Clean up the style
|
| | | if (attrib == 'style')
|
| | | value = dom.serializeStyle(dom.parseStyle(value), 'a');
|
| | |
|
| | | dom.setAttrib(elm, attrib, value);
|
| | | }
|
| | |
|
| | | function getAnchorListHTML(id, target) {
|
| | | var ed = tinyMCEPopup.editor, nodes = ed.dom.select('a'), name, i, len, html = "";
|
| | |
|
| | | for (i=0, len=nodes.length; i<len; i++) {
|
| | | if ((name = ed.dom.getAttrib(nodes[i], "name")) != "")
|
| | | html += '<option value="#' + name + '">' + name + '</option>';
|
| | | }
|
| | |
|
| | | if (html == "")
|
| | | return "";
|
| | |
|
| | | html = '<select id="' + id + '" name="' + id + '" class="mceAnchorList"'
|
| | | + ' onchange="this.form.' + target + '.value=this.options[this.selectedIndex].value"'
|
| | | + '>'
|
| | | + '<option value="">---</option>'
|
| | | + html
|
| | | + '</select>';
|
| | |
|
| | | return html;
|
| | | }
|
| | |
|
| | | function insertAction() {
|
| | | var inst = tinyMCEPopup.editor;
|
| | | var elm, elementArray, i;
|
| | |
|
| | | elm = inst.selection.getNode();
|
| | | checkPrefix(document.forms[0].href);
|
| | |
|
| | | elm = inst.dom.getParent(elm, "A");
|
| | |
|
| | | // Remove element if there is no href
|
| | | if (!document.forms[0].href.value) {
|
| | | i = inst.selection.getBookmark();
|
| | | inst.dom.remove(elm, 1);
|
| | | inst.selection.moveToBookmark(i);
|
| | | tinyMCEPopup.execCommand("mceEndUndoLevel");
|
| | | tinyMCEPopup.close();
|
| | | return;
|
| | | }
|
| | |
|
| | | // Create new anchor elements
|
| | | if (elm == null) {
|
| | | inst.getDoc().execCommand("unlink", false, null);
|
| | | tinyMCEPopup.execCommand("mceInsertLink", false, "#mce_temp_url#", {skip_undo : 1});
|
| | |
|
| | | elementArray = tinymce.grep(inst.dom.select("a"), function(n) {return inst.dom.getAttrib(n, 'href') == '#mce_temp_url#';});
|
| | | for (i=0; i<elementArray.length; i++)
|
| | | setAllAttribs(elm = elementArray[i]);
|
| | | } else
|
| | | setAllAttribs(elm);
|
| | |
|
| | | // Don't move caret if selection was image
|
| | | if (elm.childNodes.length != 1 || elm.firstChild.nodeName != 'IMG') {
|
| | | inst.focus();
|
| | | inst.selection.select(elm);
|
| | | inst.selection.collapse(0);
|
| | | tinyMCEPopup.storeSelection();
|
| | | }
|
| | |
|
| | | tinyMCEPopup.execCommand("mceEndUndoLevel");
|
| | | tinyMCEPopup.close();
|
| | | }
|
| | |
|
| | | function setAllAttribs(elm) {
|
| | | var formObj = document.forms[0];
|
| | | var href = formObj.href.value.replace(/ /g, '%20');
|
| | | var target = getSelectValue(formObj, 'targetlist');
|
| | |
|
| | | setAttrib(elm, 'href', href);
|
| | | setAttrib(elm, 'title');
|
| | | setAttrib(elm, 'target', target == '_self' ? '' : target);
|
| | | setAttrib(elm, 'id');
|
| | | setAttrib(elm, 'style');
|
| | | setAttrib(elm, 'class', getSelectValue(formObj, 'classlist'));
|
| | | setAttrib(elm, 'rel');
|
| | | setAttrib(elm, 'rev');
|
| | | setAttrib(elm, 'charset');
|
| | | setAttrib(elm, 'hreflang');
|
| | | setAttrib(elm, 'dir');
|
| | | setAttrib(elm, 'lang');
|
| | | setAttrib(elm, 'tabindex');
|
| | | setAttrib(elm, 'accesskey');
|
| | | setAttrib(elm, 'type');
|
| | | setAttrib(elm, 'onfocus');
|
| | | setAttrib(elm, 'onblur');
|
| | | setAttrib(elm, 'onclick');
|
| | | setAttrib(elm, 'ondblclick');
|
| | | setAttrib(elm, 'onmousedown');
|
| | | setAttrib(elm, 'onmouseup');
|
| | | setAttrib(elm, 'onmouseover');
|
| | | setAttrib(elm, 'onmousemove');
|
| | | setAttrib(elm, 'onmouseout');
|
| | | setAttrib(elm, 'onkeypress');
|
| | | setAttrib(elm, 'onkeydown');
|
| | | setAttrib(elm, 'onkeyup');
|
| | |
|
| | | // Refresh in old MSIE
|
| | | if (tinyMCE.isMSIE5)
|
| | | elm.outerHTML = elm.outerHTML;
|
| | | }
|
| | |
|
| | | function getSelectValue(form_obj, field_name) {
|
| | | var elm = form_obj.elements[field_name];
|
| | |
|
| | | if (!elm || elm.options == null || elm.selectedIndex == -1)
|
| | | return "";
|
| | |
|
| | | return elm.options[elm.selectedIndex].value;
|
| | | }
|
| | |
|
| | | function getLinkListHTML(elm_id, target_form_element, onchange_func) {
|
| | | if (typeof(tinyMCELinkList) == "undefined" || tinyMCELinkList.length == 0)
|
| | | return "";
|
| | |
|
| | | var html = "";
|
| | |
|
| | | html += '<select id="' + elm_id + '" name="' + elm_id + '"';
|
| | | html += ' class="mceLinkList" onfoc2us="tinyMCE.addSelectAccessibility(event, this, window);" onchange="this.form.' + target_form_element + '.value=';
|
| | | html += 'this.options[this.selectedIndex].value;';
|
| | |
|
| | | if (typeof(onchange_func) != "undefined")
|
| | | html += onchange_func + '(\'' + target_form_element + '\',this.options[this.selectedIndex].text,this.options[this.selectedIndex].value);';
|
| | |
|
| | | html += '"><option value="">---</option>';
|
| | |
|
| | | for (var i=0; i<tinyMCELinkList.length; i++)
|
| | | html += '<option value="' + tinyMCELinkList[i][1] + '">' + tinyMCELinkList[i][0] + '</option>';
|
| | |
|
| | | html += '</select>';
|
| | |
|
| | | return html;
|
| | |
|
| | | // tinyMCE.debug('-- image list start --', html, '-- image list end --');
|
| | | }
|
| | |
|
| | | function getTargetListHTML(elm_id, target_form_element) {
|
| | | var targets = tinyMCEPopup.getParam('theme_advanced_link_targets', '').split(';');
|
| | | var html = '';
|
| | |
|
| | | html += '<select id="' + elm_id + '" name="' + elm_id + '" onf2ocus="tinyMCE.addSelectAccessibility(event, this, window);" onchange="this.form.' + target_form_element + '.value=';
|
| | | html += 'this.options[this.selectedIndex].value;">';
|
| | | html += '<option value="_self">' + tinyMCEPopup.getLang('advlink_dlg.target_same') + '</option>';
|
| | | html += '<option value="_blank">' + tinyMCEPopup.getLang('advlink_dlg.target_blank') + ' (_blank)</option>';
|
| | | html += '<option value="_parent">' + tinyMCEPopup.getLang('advlink_dlg.target_parent') + ' (_parent)</option>';
|
| | | html += '<option value="_top">' + tinyMCEPopup.getLang('advlink_dlg.target_top') + ' (_top)</option>';
|
| | |
|
| | | for (var i=0; i<targets.length; i++) {
|
| | | var key, value;
|
| | |
|
| | | if (targets[i] == "")
|
| | | continue;
|
| | |
|
| | | key = targets[i].split('=')[0];
|
| | | value = targets[i].split('=')[1];
|
| | |
|
| | | html += '<option value="' + key + '">' + value + ' (' + key + ')</option>';
|
| | | }
|
| | |
|
| | | html += '</select>';
|
| | |
|
| | | return html;
|
| | | }
|
| | |
|
| | | // While loading
|
| | | preinit();
|
| | | tinyMCEPopup.onInit.add(init);
|
New file |
| | |
| | | tinyMCE.addI18n('en.advlink_dlg',{"target_name":"Target Name",classes:"Classes",style:"Style",id:"ID","popup_position":"Position (X/Y)",langdir:"Language Direction","popup_size":"Size","popup_dependent":"Dependent (Mozilla/Firefox Only)","popup_resizable":"Make Window Resizable","popup_location":"Show Location Bar","popup_menubar":"Show Menu Bar","popup_toolbar":"Show Toolbars","popup_statusbar":"Show Status Bar","popup_scrollbars":"Show Scrollbars","popup_return":"Insert \'return false\'","popup_name":"Window Name","popup_url":"Popup URL",popup:"JavaScript Popup","target_blank":"Open in New Window","target_top":"Open in Top Frame (Replaces All Frames)","target_parent":"Open in Parent Window/Frame","target_same":"Open in This Window/Frame","anchor_names":"Anchors","popup_opts":"Options","advanced_props":"Advanced Properties","event_props":"Events","popup_props":"Popup Properties","general_props":"General Properties","advanced_tab":"Advanced","events_tab":"Events","popup_tab":"Popup","general_tab":"General",list:"Link List","is_external":"The URL you entered seems to be an external link. Do you want to add the required http:// prefix?","is_email":"The URL you entered seems to be an email address. Do you want to add the required mailto: prefix?",titlefield:"Title",target:"Target",url:"Link URL",title:"Insert/Edit Link","link_list":"Link List",rtl:"Right to Left",ltr:"Left to Right",accesskey:"AccessKey",tabindex:"TabIndex",rev:"Relationship Target to Page",rel:"Relationship Page to Target",mime:"Target MIME Type",encoding:"Target Character Encoding",langcode:"Language Code","target_langcode":"Target Language",width:"Width",height:"Height"}); |
New file |
| | |
| | | <!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>{#advlink_dlg.title}</title>
|
| | | <script type="text/javascript" src="../../tiny_mce_popup.js"></script>
|
| | | <script type="text/javascript" src="../../utils/mctabs.js"></script>
|
| | | <script type="text/javascript" src="../../utils/form_utils.js"></script>
|
| | | <script type="text/javascript" src="../../utils/validate.js"></script>
|
| | | <script type="text/javascript" src="js/advlink.js"></script>
|
| | | <link href="css/advlink.css" rel="stylesheet" type="text/css" />
|
| | | </head>
|
| | | <body id="advlink" style="display: none" role="application" onload="javascript:mcTabs.displayTab('general_tab','general_panel', true);" aria-labelledby="app_label">
|
| | | <span class="mceVoiceLabel" id="app_label" style="display:none;">{#advlink_dlg.title}</span>
|
| | | <form onsubmit="insertAction();return false;" action="#">
|
| | | <div class="tabs" role="presentation">
|
| | | <ul>
|
| | | <li id="general_tab" class="current" aria-controls="general_panel" ><span><a href="javascript:mcTabs.displayTab('general_tab','general_panel');" onmousedown="return false;">{#advlink_dlg.general_tab}</a></span></li>
|
| | | <li id="popup_tab" aria-controls="popup_panel" ><span><a href="javascript:mcTabs.displayTab('popup_tab','popup_panel');" onmousedown="return false;">{#advlink_dlg.popup_tab}</a></span></li>
|
| | | <li id="events_tab" aria-controls="events_panel"><span><a href="javascript:mcTabs.displayTab('events_tab','events_panel');" onmousedown="return false;">{#advlink_dlg.events_tab}</a></span></li>
|
| | | <li id="advanced_tab" aria-controls="advanced_panel"><span><a href="javascript:mcTabs.displayTab('advanced_tab','advanced_panel');" onmousedown="return false;">{#advlink_dlg.advanced_tab}</a></span></li>
|
| | | </ul>
|
| | | </div>
|
| | |
|
| | | <div class="panel_wrapper" role="presentation">
|
| | | <div id="general_panel" class="panel current">
|
| | | <fieldset>
|
| | | <legend>{#advlink_dlg.general_props}</legend>
|
| | |
|
| | | <table border="0" cellpadding="4" cellspacing="0" role="presentation">
|
| | | <tr>
|
| | | <td class="nowrap"><label id="hreflabel" for="href">{#advlink_dlg.url}</label></td>
|
| | | <td><table border="0" cellspacing="0" cellpadding="0">
|
| | | <tr>
|
| | | <td><input id="href" name="href" type="text" class="mceFocus" value="" onchange="selectByValue(this.form,'linklisthref',this.value);" aria-required="true" /></td>
|
| | | <td id="hrefbrowsercontainer"> </td>
|
| | | </tr>
|
| | | </table></td>
|
| | | </tr>
|
| | | <tr id="linklisthrefrow">
|
| | | <td class="column1"><label for="linklisthref">{#advlink_dlg.list}</label></td>
|
| | | <td colspan="2" id="linklisthrefcontainer"><select id="linklisthref"><option value=""></option></select></td>
|
| | | </tr>
|
| | | <tr id="anchorlistrow">
|
| | | <td class="column1"><label for="anchorlist">{#advlink_dlg.anchor_names}</label></td>
|
| | | <td colspan="2" id="anchorlistcontainer"><select id="anchorlist"><option value=""></option></select></td>
|
| | | </tr>
|
| | | <tr>
|
| | | <td><label id="targetlistlabel" for="targetlist">{#advlink_dlg.target}</label></td>
|
| | | <td id="targetlistcontainer"><select id="targetlist"><option value=""></option></select></td>
|
| | | </tr>
|
| | | <tr>
|
| | | <td class="nowrap"><label id="titlelabel" for="title">{#advlink_dlg.titlefield}</label></td>
|
| | | <td><input id="title" name="title" type="text" value="" /></td>
|
| | | </tr>
|
| | | <tr>
|
| | | <td><label id="classlabel" for="classlist">{#class_name}</label></td>
|
| | | <td>
|
| | | <select id="classlist" name="classlist" onchange="changeClass();">
|
| | | <option value="" selected="selected">{#not_set}</option>
|
| | | </select>
|
| | | </td>
|
| | | </tr>
|
| | | </table>
|
| | | </fieldset>
|
| | | </div>
|
| | |
|
| | | <div id="popup_panel" class="panel">
|
| | | <fieldset>
|
| | | <legend>{#advlink_dlg.popup_props}</legend>
|
| | |
|
| | | <input type="checkbox" id="ispopup" name="ispopup" class="radio" onclick="setPopupControlsDisabled(!this.checked);buildOnClick();" />
|
| | | <label id="ispopuplabel" for="ispopup">{#advlink_dlg.popup}</label>
|
| | |
|
| | | <table border="0" cellpadding="0" cellspacing="4" role="presentation" >
|
| | | <tr>
|
| | | <td class="nowrap"><label for="popupurl">{#advlink_dlg.popup_url}</label> </td>
|
| | | <td>
|
| | | <table border="0" cellspacing="0" cellpadding="0">
|
| | | <tr>
|
| | | <td><input type="text" name="popupurl" id="popupurl" value="" onchange="buildOnClick();" /></td>
|
| | | <td id="popupurlbrowsercontainer"> </td>
|
| | | </tr>
|
| | | </table>
|
| | | </td>
|
| | | </tr>
|
| | | <tr>
|
| | | <td class="nowrap"><label for="popupname">{#advlink_dlg.popup_name}</label> </td>
|
| | | <td><input type="text" name="popupname" id="popupname" value="" onchange="buildOnClick();" /></td>
|
| | | </tr>
|
| | | <tr role="group" aria-labelledby="popup_size_label">
|
| | | <td class="nowrap"><label id="popup_size_label">{#advlink_dlg.popup_size}</label> </td>
|
| | | <td class="nowrap">
|
| | | <span style="display:none" id="width_voiceLabel">{#advlink_dlg.width}</span>
|
| | | <input type="text" id="popupwidth" name="popupwidth" value="" onchange="buildOnClick();" aria-labelledby="width_voiceLabel" /> x
|
| | | <span style="display:none" id="height_voiceLabel">{#advlink_dlg.height}</span>
|
| | | <input type="text" id="popupheight" name="popupheight" value="" onchange="buildOnClick();" aria-labelledby="height_voiceLabel" /> px
|
| | | </td>
|
| | | </tr>
|
| | | <tr role="group" aria-labelledby="popup_position_label center_hint">
|
| | | <td class="nowrap" id="labelleft"><label id="popup_position_label">{#advlink_dlg.popup_position}</label> </td>
|
| | | <td class="nowrap">
|
| | | <span style="display:none" id="x_voiceLabel">X</span>
|
| | | <input type="text" id="popupleft" name="popupleft" value="" onchange="buildOnClick();" aria-labelledby="x_voiceLabel" /> / |
| | | <span style="display:none" id="y_voiceLabel">Y</span>
|
| | | <input type="text" id="popuptop" name="popuptop" value="" onchange="buildOnClick();" aria-labelledby="y_voiceLabel" /> <span id="center_hint">(c /c = center)</span>
|
| | | </td>
|
| | | </tr>
|
| | | </table>
|
| | |
|
| | | <fieldset>
|
| | | <legend>{#advlink_dlg.popup_opts}</legend>
|
| | |
|
| | | <table border="0" cellpadding="0" cellspacing="4" role="presentation" >
|
| | | <tr>
|
| | | <td><input type="checkbox" id="popuplocation" name="popuplocation" class="checkbox" onchange="buildOnClick();" /></td>
|
| | | <td class="nowrap"><label id="popuplocationlabel" for="popuplocation">{#advlink_dlg.popup_location}</label></td>
|
| | | <td><input type="checkbox" id="popupscrollbars" name="popupscrollbars" class="checkbox" onchange="buildOnClick();" /></td>
|
| | | <td class="nowrap"><label id="popupscrollbarslabel" for="popupscrollbars">{#advlink_dlg.popup_scrollbars}</label></td>
|
| | | </tr>
|
| | | <tr>
|
| | | <td><input type="checkbox" id="popupmenubar" name="popupmenubar" class="checkbox" onchange="buildOnClick();" /></td>
|
| | | <td class="nowrap"><label id="popupmenubarlabel" for="popupmenubar">{#advlink_dlg.popup_menubar}</label></td>
|
| | | <td><input type="checkbox" id="popupresizable" name="popupresizable" class="checkbox" onchange="buildOnClick();" /></td>
|
| | | <td class="nowrap"><label id="popupresizablelabel" for="popupresizable">{#advlink_dlg.popup_resizable}</label></td>
|
| | | </tr>
|
| | | <tr>
|
| | | <td><input type="checkbox" id="popuptoolbar" name="popuptoolbar" class="checkbox" onchange="buildOnClick();" /></td>
|
| | | <td class="nowrap"><label id="popuptoolbarlabel" for="popuptoolbar">{#advlink_dlg.popup_toolbar}</label></td>
|
| | | <td><input type="checkbox" id="popupdependent" name="popupdependent" class="checkbox" onchange="buildOnClick();" /></td>
|
| | | <td class="nowrap"><label id="popupdependentlabel" for="popupdependent">{#advlink_dlg.popup_dependent}</label></td>
|
| | | </tr>
|
| | | <tr>
|
| | | <td><input type="checkbox" id="popupstatus" name="popupstatus" class="checkbox" onchange="buildOnClick();" /></td>
|
| | | <td class="nowrap"><label id="popupstatuslabel" for="popupstatus">{#advlink_dlg.popup_statusbar}</label></td>
|
| | | <td><input type="checkbox" id="popupreturn" name="popupreturn" class="checkbox" onchange="buildOnClick();" checked="checked" /></td>
|
| | | <td class="nowrap"><label id="popupreturnlabel" for="popupreturn">{#advlink_dlg.popup_return}</label></td>
|
| | | </tr>
|
| | | </table>
|
| | | </fieldset>
|
| | | </fieldset>
|
| | | </div>
|
| | |
|
| | | <div id="advanced_panel" class="panel">
|
| | | <fieldset>
|
| | | <legend>{#advlink_dlg.advanced_props}</legend>
|
| | |
|
| | | <table border="0" cellpadding="0" cellspacing="4" role="presentation" >
|
| | | <tr>
|
| | | <td class="column1"><label id="idlabel" for="id">{#advlink_dlg.id}</label></td> |
| | | <td><input id="id" name="id" type="text" value="" /></td> |
| | | </tr>
|
| | |
|
| | | <tr>
|
| | | <td><label id="stylelabel" for="style">{#advlink_dlg.style}</label></td>
|
| | | <td><input type="text" id="style" name="style" value="" /></td>
|
| | | </tr>
|
| | |
|
| | | <tr>
|
| | | <td><label id="classeslabel" for="classes">{#advlink_dlg.classes}</label></td>
|
| | | <td><input type="text" id="classes" name="classes" value="" onchange="selectByValue(this.form,'classlist',this.value,true);" /></td>
|
| | | </tr>
|
| | |
|
| | | <tr>
|
| | | <td><label id="targetlabel" for="target">{#advlink_dlg.target_name}</label></td>
|
| | | <td><input type="text" id="target" name="target" value="" onchange="selectByValue(this.form,'targetlist',this.value,true);" /></td>
|
| | | </tr>
|
| | |
|
| | | <tr>
|
| | | <td class="column1"><label id="dirlabel" for="dir">{#advlink_dlg.langdir}</label></td> |
| | | <td>
|
| | | <select id="dir" name="dir"> |
| | | <option value="">{#not_set}</option> |
| | | <option value="ltr">{#advlink_dlg.ltr}</option> |
| | | <option value="rtl">{#advlink_dlg.rtl}</option> |
| | | </select>
|
| | | </td> |
| | | </tr>
|
| | |
|
| | | <tr>
|
| | | <td><label id="hreflanglabel" for="hreflang">{#advlink_dlg.target_langcode}</label></td>
|
| | | <td><input type="text" id="hreflang" name="hreflang" value="" /></td>
|
| | | </tr>
|
| | |
|
| | | <tr>
|
| | | <td class="column1"><label id="langlabel" for="lang">{#advlink_dlg.langcode}</label></td> |
| | | <td>
|
| | | <input id="lang" name="lang" type="text" value="" />
|
| | | </td> |
| | | </tr>
|
| | |
|
| | | <tr>
|
| | | <td><label id="charsetlabel" for="charset">{#advlink_dlg.encoding}</label></td>
|
| | | <td><input type="text" id="charset" name="charset" value="" /></td>
|
| | | </tr>
|
| | |
|
| | | <tr>
|
| | | <td><label id="typelabel" for="type">{#advlink_dlg.mime}</label></td>
|
| | | <td><input type="text" id="type" name="type" value="" /></td>
|
| | | </tr>
|
| | |
|
| | | <tr>
|
| | | <td><label id="rellabel" for="rel">{#advlink_dlg.rel}</label></td>
|
| | | <td><select id="rel" name="rel"> |
| | | <option value="">{#not_set}</option> |
| | | <option value="lightbox">Lightbox</option> |
| | | <option value="alternate">Alternate</option> |
| | | <option value="designates">Designates</option> |
| | | <option value="stylesheet">Stylesheet</option> |
| | | <option value="start">Start</option> |
| | | <option value="next">Next</option> |
| | | <option value="prev">Prev</option> |
| | | <option value="contents">Contents</option> |
| | | <option value="index">Index</option> |
| | | <option value="glossary">Glossary</option> |
| | | <option value="copyright">Copyright</option> |
| | | <option value="chapter">Chapter</option> |
| | | <option value="subsection">Subsection</option> |
| | | <option value="appendix">Appendix</option> |
| | | <option value="help">Help</option> |
| | | <option value="bookmark">Bookmark</option>
|
| | | <option value="nofollow">No Follow</option>
|
| | | <option value="tag">Tag</option>
|
| | | </select> |
| | | </td>
|
| | | </tr>
|
| | |
|
| | | <tr>
|
| | | <td><label id="revlabel" for="rev">{#advlink_dlg.rev}</label></td>
|
| | | <td><select id="rev" name="rev"> |
| | | <option value="">{#not_set}</option> |
| | | <option value="alternate">Alternate</option> |
| | | <option value="designates">Designates</option> |
| | | <option value="stylesheet">Stylesheet</option> |
| | | <option value="start">Start</option> |
| | | <option value="next">Next</option> |
| | | <option value="prev">Prev</option> |
| | | <option value="contents">Contents</option> |
| | | <option value="index">Index</option> |
| | | <option value="glossary">Glossary</option> |
| | | <option value="copyright">Copyright</option> |
| | | <option value="chapter">Chapter</option> |
| | | <option value="subsection">Subsection</option> |
| | | <option value="appendix">Appendix</option> |
| | | <option value="help">Help</option> |
| | | <option value="bookmark">Bookmark</option> |
| | | </select> |
| | | </td>
|
| | | </tr>
|
| | |
|
| | | <tr>
|
| | | <td><label id="tabindexlabel" for="tabindex">{#advlink_dlg.tabindex}</label></td>
|
| | | <td><input type="text" id="tabindex" name="tabindex" value="" /></td>
|
| | | </tr>
|
| | |
|
| | | <tr>
|
| | | <td><label id="accesskeylabel" for="accesskey">{#advlink_dlg.accesskey}</label></td>
|
| | | <td><input type="text" id="accesskey" name="accesskey" value="" /></td>
|
| | | </tr>
|
| | | </table>
|
| | | </fieldset>
|
| | | </div>
|
| | |
|
| | | <div id="events_panel" class="panel">
|
| | | <fieldset>
|
| | | <legend>{#advlink_dlg.event_props}</legend>
|
| | |
|
| | | <table border="0" cellpadding="0" cellspacing="4" role="presentation" >
|
| | | <tr>
|
| | | <td class="column1"><label for="onfocus">onfocus</label></td> |
| | | <td><input id="onfocus" name="onfocus" type="text" value="" /></td> |
| | | </tr>
|
| | |
|
| | | <tr>
|
| | | <td class="column1"><label for="onblur">onblur</label></td> |
| | | <td><input id="onblur" name="onblur" type="text" value="" /></td> |
| | | </tr>
|
| | |
|
| | | <tr>
|
| | | <td class="column1"><label for="onclick">onclick</label></td> |
| | | <td><input id="onclick" name="onclick" type="text" value="" /></td> |
| | | </tr>
|
| | |
|
| | | <tr>
|
| | | <td class="column1"><label for="ondblclick">ondblclick</label></td> |
| | | <td><input id="ondblclick" name="ondblclick" type="text" value="" /></td> |
| | | </tr>
|
| | |
|
| | | <tr>
|
| | | <td class="column1"><label for="onmousedown">onmousedown</label></td> |
| | | <td><input id="onmousedown" name="onmousedown" type="text" value="" /></td> |
| | | </tr>
|
| | |
|
| | | <tr>
|
| | | <td class="column1"><label for="onmouseup">onmouseup</label></td> |
| | | <td><input id="onmouseup" name="onmouseup" type="text" value="" /></td> |
| | | </tr>
|
| | |
|
| | | <tr>
|
| | | <td class="column1"><label for="onmouseover">onmouseover</label></td> |
| | | <td><input id="onmouseover" name="onmouseover" type="text" value="" /></td> |
| | | </tr>
|
| | |
|
| | | <tr>
|
| | | <td class="column1"><label for="onmousemove">onmousemove</label></td> |
| | | <td><input id="onmousemove" name="onmousemove" type="text" value="" /></td> |
| | | </tr>
|
| | |
|
| | | <tr>
|
| | | <td class="column1"><label for="onmouseout">onmouseout</label></td> |
| | | <td><input id="onmouseout" name="onmouseout" type="text" value="" /></td> |
| | | </tr>
|
| | |
|
| | | <tr>
|
| | | <td class="column1"><label for="onkeypress">onkeypress</label></td> |
| | | <td><input id="onkeypress" name="onkeypress" type="text" value="" /></td> |
| | | </tr>
|
| | |
|
| | | <tr>
|
| | | <td class="column1"><label for="onkeydown">onkeydown</label></td> |
| | | <td><input id="onkeydown" name="onkeydown" type="text" value="" /></td> |
| | | </tr>
|
| | |
|
| | | <tr>
|
| | | <td class="column1"><label for="onkeyup">onkeyup</label></td> |
| | | <td><input id="onkeyup" name="onkeyup" type="text" value="" /></td> |
| | | </tr>
|
| | | </table>
|
| | | </fieldset>
|
| | | </div>
|
| | | </div>
|
| | |
|
| | | <div class="mceActionPanel">
|
| | | <input type="submit" id="insert" name="insert" value="{#insert}" />
|
| | | <input type="button" id="cancel" name="cancel" value="{#cancel}" onclick="tinyMCEPopup.close();" />
|
| | | </div>
|
| | | </form>
|
| | | </body>
|
| | | </html>
|
New file |
| | |
| | | (function(){var a=tinymce.each;tinymce.create("tinymce.plugins.AdvListPlugin",{init:function(b,c){var d=this;d.editor=b;function e(g){var f=[];a(g.split(/,/),function(h){f.push({title:"advlist."+(h=="default"?"def":h.replace(/-/g,"_")),styles:{listStyleType:h=="default"?"":h}})});return f}d.numlist=b.getParam("advlist_number_styles")||e("default,lower-alpha,lower-greek,lower-roman,upper-alpha,upper-roman");d.bullist=b.getParam("advlist_bullet_styles")||e("default,circle,disc,square");if(tinymce.isIE&&/MSIE [2-7]/.test(navigator.userAgent)){d.isIE7=true}},createControl:function(d,b){var f=this,e,i,g=f.editor;if(d=="numlist"||d=="bullist"){if(f[d][0].title=="advlist.def"){i=f[d][0]}function c(j,l){var k=true;a(l.styles,function(n,m){if(g.dom.getStyle(j,m)!=n){k=false;return false}});return k}function h(){var k,l=g.dom,j=g.selection;k=l.getParent(j.getNode(),"ol,ul");if(!k||k.nodeName==(d=="bullist"?"OL":"UL")||c(k,i)){g.execCommand(d=="bullist"?"InsertUnorderedList":"InsertOrderedList")}if(i){k=l.getParent(j.getNode(),"ol,ul");if(k){l.setStyles(k,i.styles);k.removeAttribute("data-mce-style")}}g.focus()}e=b.createSplitButton(d,{title:"advanced."+d+"_desc","class":"mce_"+d,onclick:function(){h()}});e.onRenderMenu.add(function(j,k){k.onHideMenu.add(function(){if(f.bookmark){g.selection.moveToBookmark(f.bookmark);f.bookmark=0}});k.onShowMenu.add(function(){var n=g.dom,m=n.getParent(g.selection.getNode(),"ol,ul"),l;if(m||i){l=f[d];a(k.items,function(o){var p=true;o.setSelected(0);if(m&&!o.isDisabled()){a(l,function(q){if(q.id==o.id){if(!c(m,q)){p=false;return false}}});if(p){o.setSelected(1)}}});if(!m){k.items[i.id].setSelected(1)}}g.focus();if(tinymce.isIE){f.bookmark=g.selection.getBookmark(1)}});k.add({id:g.dom.uniqueId(),title:"advlist.types","class":"mceMenuItemTitle",titleItem:true}).setDisabled(1);a(f[d],function(l){if(f.isIE7&&l.styles.listStyleType=="lower-greek"){return}l.id=g.dom.uniqueId();k.add({id:l.id,title:l.title,onclick:function(){i=l;h()}})})});return e}},getInfo:function(){return{longname:"Advanced lists",author:"Moxiecode Systems AB",authorurl:"http://tinymce.moxiecode.com",infourl:"http://wiki.moxiecode.com/index.php/TinyMCE:Plugins/advlist",version:tinymce.majorVersion+"."+tinymce.minorVersion}}});tinymce.PluginManager.add("advlist",tinymce.plugins.AdvListPlugin)})(); |
New file |
| | |
| | | /**
|
| | | * editor_plugin_src.js
|
| | | *
|
| | | * Copyright 2009, Moxiecode Systems AB
|
| | | * Released under LGPL License.
|
| | | *
|
| | | * License: http://tinymce.moxiecode.com/license
|
| | | * Contributing: http://tinymce.moxiecode.com/contributing
|
| | | */
|
| | |
|
| | | (function() {
|
| | | var each = tinymce.each;
|
| | |
|
| | | tinymce.create('tinymce.plugins.AdvListPlugin', {
|
| | | init : function(ed, url) {
|
| | | var t = this;
|
| | |
|
| | | t.editor = ed;
|
| | |
|
| | | function buildFormats(str) {
|
| | | var formats = [];
|
| | |
|
| | | each(str.split(/,/), function(type) {
|
| | | formats.push({
|
| | | title : 'advlist.' + (type == 'default' ? 'def' : type.replace(/-/g, '_')),
|
| | | styles : {
|
| | | listStyleType : type == 'default' ? '' : type
|
| | | }
|
| | | });
|
| | | });
|
| | |
|
| | | return formats;
|
| | | };
|
| | |
|
| | | // Setup number formats from config or default
|
| | | t.numlist = ed.getParam("advlist_number_styles") || buildFormats("default,lower-alpha,lower-greek,lower-roman,upper-alpha,upper-roman");
|
| | | t.bullist = ed.getParam("advlist_bullet_styles") || buildFormats("default,circle,disc,square");
|
| | |
|
| | | if (tinymce.isIE && /MSIE [2-7]/.test(navigator.userAgent))
|
| | | t.isIE7 = true;
|
| | | },
|
| | |
|
| | | createControl: function(name, cm) {
|
| | | var t = this, btn, format, editor = t.editor;
|
| | |
|
| | | if (name == 'numlist' || name == 'bullist') {
|
| | | // Default to first item if it's a default item
|
| | | if (t[name][0].title == 'advlist.def')
|
| | | format = t[name][0];
|
| | |
|
| | | function hasFormat(node, format) {
|
| | | var state = true;
|
| | |
|
| | | each(format.styles, function(value, name) {
|
| | | // Format doesn't match
|
| | | if (editor.dom.getStyle(node, name) != value) {
|
| | | state = false;
|
| | | return false;
|
| | | }
|
| | | });
|
| | |
|
| | | return state;
|
| | | };
|
| | |
|
| | | function applyListFormat() {
|
| | | var list, dom = editor.dom, sel = editor.selection;
|
| | |
|
| | | // Check for existing list element
|
| | | list = dom.getParent(sel.getNode(), 'ol,ul');
|
| | |
|
| | | // Switch/add list type if needed
|
| | | if (!list || list.nodeName == (name == 'bullist' ? 'OL' : 'UL') || hasFormat(list, format))
|
| | | editor.execCommand(name == 'bullist' ? 'InsertUnorderedList' : 'InsertOrderedList');
|
| | |
|
| | | // Append styles to new list element
|
| | | if (format) {
|
| | | list = dom.getParent(sel.getNode(), 'ol,ul');
|
| | | if (list) {
|
| | | dom.setStyles(list, format.styles);
|
| | | list.removeAttribute('data-mce-style');
|
| | | }
|
| | | }
|
| | |
|
| | | editor.focus();
|
| | | };
|
| | |
|
| | | btn = cm.createSplitButton(name, {
|
| | | title : 'advanced.' + name + '_desc',
|
| | | 'class' : 'mce_' + name,
|
| | | onclick : function() {
|
| | | applyListFormat();
|
| | | }
|
| | | });
|
| | |
|
| | | btn.onRenderMenu.add(function(btn, menu) {
|
| | | menu.onHideMenu.add(function() {
|
| | | if (t.bookmark) {
|
| | | editor.selection.moveToBookmark(t.bookmark);
|
| | | t.bookmark = 0;
|
| | | }
|
| | | });
|
| | |
|
| | | menu.onShowMenu.add(function() {
|
| | | var dom = editor.dom, list = dom.getParent(editor.selection.getNode(), 'ol,ul'), fmtList;
|
| | |
|
| | | if (list || format) {
|
| | | fmtList = t[name];
|
| | |
|
| | | // Unselect existing items
|
| | | each(menu.items, function(item) {
|
| | | var state = true;
|
| | |
|
| | | item.setSelected(0);
|
| | |
|
| | | if (list && !item.isDisabled()) {
|
| | | each(fmtList, function(fmt) {
|
| | | if (fmt.id == item.id) {
|
| | | if (!hasFormat(list, fmt)) {
|
| | | state = false;
|
| | | return false;
|
| | | }
|
| | | }
|
| | | });
|
| | |
|
| | | if (state)
|
| | | item.setSelected(1);
|
| | | }
|
| | | });
|
| | |
|
| | | // Select the current format
|
| | | if (!list)
|
| | | menu.items[format.id].setSelected(1);
|
| | | }
|
| | | |
| | | editor.focus();
|
| | |
|
| | | // IE looses it's selection so store it away and restore it later
|
| | | if (tinymce.isIE) {
|
| | | t.bookmark = editor.selection.getBookmark(1);
|
| | | }
|
| | | });
|
| | |
|
| | | menu.add({id : editor.dom.uniqueId(), title : 'advlist.types', 'class' : 'mceMenuItemTitle', titleItem: true}).setDisabled(1);
|
| | |
|
| | | each(t[name], function(item) {
|
| | | // IE<8 doesn't support lower-greek, skip it
|
| | | if (t.isIE7 && item.styles.listStyleType == 'lower-greek')
|
| | | return;
|
| | |
|
| | | item.id = editor.dom.uniqueId();
|
| | |
|
| | | menu.add({id : item.id, title : item.title, onclick : function() {
|
| | | format = item;
|
| | | applyListFormat();
|
| | | }});
|
| | | });
|
| | | });
|
| | |
|
| | | return btn;
|
| | | }
|
| | | },
|
| | |
|
| | | getInfo : function() {
|
| | | return {
|
| | | longname : 'Advanced lists',
|
| | | author : 'Moxiecode Systems AB',
|
| | | authorurl : 'http://tinymce.moxiecode.com',
|
| | | infourl : 'http://wiki.moxiecode.com/index.php/TinyMCE:Plugins/advlist',
|
| | | version : tinymce.majorVersion + "." + tinymce.minorVersion
|
| | | };
|
| | | }
|
| | | });
|
| | |
|
| | | // Register plugin
|
| | | tinymce.PluginManager.add('advlist', tinymce.plugins.AdvListPlugin);
|
| | | })(); |
New file |
| | |
| | | (function(){tinymce.create("tinymce.plugins.AutolinkPlugin",{init:function(a,b){var c=this;if(tinyMCE.isIE){return}a.onKeyDown.add(function(d,f){if(f.keyCode==13){return c.handleEnter(d)}});a.onKeyPress.add(function(d,f){if(f.which==41){return c.handleEclipse(d)}});a.onKeyUp.add(function(d,f){if(f.keyCode==32){return c.handleSpacebar(d)}})},handleEclipse:function(a){this.parseCurrentLine(a,-1,"(",true)},handleSpacebar:function(a){this.parseCurrentLine(a,0,"",true)},handleEnter:function(a){this.parseCurrentLine(a,-1,"",false)},parseCurrentLine:function(i,d,b,g){var a,f,c,n,k,m,h,e,j;a=i.selection.getRng().cloneRange();if(a.startOffset<5){e=a.endContainer.previousSibling;if(e==null){if(a.endContainer.firstChild==null||a.endContainer.firstChild.nextSibling==null){return}e=a.endContainer.firstChild.nextSibling}j=e.length;a.setStart(e,j);a.setEnd(e,j);if(a.endOffset<5){return}f=a.endOffset;n=e}else{n=a.endContainer;if(n.nodeType!=3&&n.firstChild){while(n.nodeType!=3&&n.firstChild){n=n.firstChild}a.setStart(n,0);a.setEnd(n,n.nodeValue.length)}if(a.endOffset==1){f=2}else{f=a.endOffset-1-d}}c=f;do{a.setStart(n,f-2);a.setEnd(n,f-1);f-=1}while(a.toString()!=" "&&a.toString()!=""&&a.toString().charCodeAt(0)!=160&&(f-2)>=0&&a.toString()!=b);if(a.toString()==b||a.toString().charCodeAt(0)==160){a.setStart(n,f);a.setEnd(n,c);f+=1}else{if(a.startOffset==0){a.setStart(n,0);a.setEnd(n,c)}else{a.setStart(n,f);a.setEnd(n,c)}}m=a.toString();h=m.match(/^(https?:\/\/|ssh:\/\/|ftp:\/\/|file:\/|www\.)(.+)$/i);if(h){if(h[1]=="www."){h[1]="http://www."}k=i.selection.getBookmark();i.selection.setRng(a);tinyMCE.execCommand("createlink",false,h[1]+h[2]);i.selection.moveToBookmark(k);if(tinyMCE.isWebKit){i.selection.collapse(false);var l=Math.min(n.length,c+1);a.setStart(n,l);a.setEnd(n,l);i.selection.setRng(a)}}},getInfo:function(){return{longname:"Autolink",author:"Moxiecode Systems AB",authorurl:"http://tinymce.moxiecode.com",infourl:"http://wiki.moxiecode.com/index.php/TinyMCE:Plugins/autolink",version:tinymce.majorVersion+"."+tinymce.minorVersion}}});tinymce.PluginManager.add("autolink",tinymce.plugins.AutolinkPlugin)})(); |
New file |
| | |
| | | /** |
| | | * editor_plugin_src.js |
| | | * |
| | | * Copyright 2011, Moxiecode Systems AB |
| | | * Released under LGPL License. |
| | | * |
| | | * License: http://tinymce.moxiecode.com/license |
| | | * Contributing: http://tinymce.moxiecode.com/contributing |
| | | */ |
| | | |
| | | (function() { |
| | | tinymce.create('tinymce.plugins.AutolinkPlugin', { |
| | | /** |
| | | * Initializes the plugin, this will be executed after the plugin has been created. |
| | | * This call is done before the editor instance has finished it's initialization so use the onInit event |
| | | * of the editor instance to intercept that event. |
| | | * |
| | | * @param {tinymce.Editor} ed Editor instance that the plugin is initialized in. |
| | | * @param {string} url Absolute URL to where the plugin is located. |
| | | */ |
| | | |
| | | init : function(ed, url) { |
| | | var t = this; |
| | | |
| | | // Internet Explorer has built-in automatic linking |
| | | if (tinyMCE.isIE) |
| | | return; |
| | | |
| | | // Add a key down handler |
| | | ed.onKeyDown.add(function(ed, e) { |
| | | if (e.keyCode == 13) |
| | | return t.handleEnter(ed); |
| | | }); |
| | | |
| | | ed.onKeyPress.add(function(ed, e) { |
| | | if (e.which == 41) |
| | | return t.handleEclipse(ed); |
| | | }); |
| | | |
| | | // Add a key up handler |
| | | ed.onKeyUp.add(function(ed, e) { |
| | | if (e.keyCode == 32) |
| | | return t.handleSpacebar(ed); |
| | | }); |
| | | }, |
| | | |
| | | handleEclipse : function(ed) { |
| | | this.parseCurrentLine(ed, -1, '(', true); |
| | | }, |
| | | |
| | | handleSpacebar : function(ed) { |
| | | this.parseCurrentLine(ed, 0, '', true); |
| | | }, |
| | | |
| | | handleEnter : function(ed) { |
| | | this.parseCurrentLine(ed, -1, '', false); |
| | | }, |
| | | |
| | | parseCurrentLine : function(ed, end_offset, delimiter, goback) { |
| | | var r, end, start, endContainer, bookmark, text, matches, prev, len; |
| | | |
| | | // We need at least five characters to form a URL, |
| | | // hence, at minimum, five characters from the beginning of the line. |
| | | r = ed.selection.getRng().cloneRange(); |
| | | if (r.startOffset < 5) { |
| | | // During testing, the caret is placed inbetween two text nodes. |
| | | // The previous text node contains the URL. |
| | | prev = r.endContainer.previousSibling; |
| | | if (prev == null) { |
| | | if (r.endContainer.firstChild == null || r.endContainer.firstChild.nextSibling == null) |
| | | return; |
| | | |
| | | prev = r.endContainer.firstChild.nextSibling; |
| | | } |
| | | len = prev.length; |
| | | r.setStart(prev, len); |
| | | r.setEnd(prev, len); |
| | | |
| | | if (r.endOffset < 5) |
| | | return; |
| | | |
| | | end = r.endOffset; |
| | | endContainer = prev; |
| | | } else { |
| | | endContainer = r.endContainer; |
| | | |
| | | // Get a text node |
| | | if (endContainer.nodeType != 3 && endContainer.firstChild) { |
| | | while (endContainer.nodeType != 3 && endContainer.firstChild) |
| | | endContainer = endContainer.firstChild; |
| | | |
| | | r.setStart(endContainer, 0); |
| | | r.setEnd(endContainer, endContainer.nodeValue.length); |
| | | } |
| | | |
| | | if (r.endOffset == 1) |
| | | end = 2; |
| | | else |
| | | end = r.endOffset - 1 - end_offset; |
| | | } |
| | | |
| | | start = end; |
| | | |
| | | do |
| | | { |
| | | // Move the selection one character backwards. |
| | | r.setStart(endContainer, end - 2); |
| | | r.setEnd(endContainer, end - 1); |
| | | end -= 1; |
| | | |
| | | // Loop until one of the following is found: a blank space, , delimeter, (end-2) >= 0 |
| | | } while (r.toString() != ' ' && r.toString() != '' && r.toString().charCodeAt(0) != 160 && (end -2) >= 0 && r.toString() != delimiter); |
| | | |
| | | if (r.toString() == delimiter || r.toString().charCodeAt(0) == 160) { |
| | | r.setStart(endContainer, end); |
| | | r.setEnd(endContainer, start); |
| | | end += 1; |
| | | } else if (r.startOffset == 0) { |
| | | r.setStart(endContainer, 0); |
| | | r.setEnd(endContainer, start); |
| | | } |
| | | else { |
| | | r.setStart(endContainer, end); |
| | | r.setEnd(endContainer, start); |
| | | } |
| | | |
| | | text = r.toString(); |
| | | matches = text.match(/^(https?:\/\/|ssh:\/\/|ftp:\/\/|file:\/|www\.)(.+)$/i); |
| | | |
| | | if (matches) { |
| | | if (matches[1] == 'www.') { |
| | | matches[1] = 'http://www.'; |
| | | } |
| | | |
| | | bookmark = ed.selection.getBookmark(); |
| | | |
| | | ed.selection.setRng(r); |
| | | tinyMCE.execCommand('createlink',false, matches[1] + matches[2]); |
| | | ed.selection.moveToBookmark(bookmark); |
| | | |
| | | // TODO: Determine if this is still needed. |
| | | if (tinyMCE.isWebKit) { |
| | | // move the caret to its original position |
| | | ed.selection.collapse(false); |
| | | var max = Math.min(endContainer.length, start + 1); |
| | | r.setStart(endContainer, max); |
| | | r.setEnd(endContainer, max); |
| | | ed.selection.setRng(r); |
| | | } |
| | | } |
| | | }, |
| | | |
| | | /** |
| | | * Returns information about the plugin as a name/value array. |
| | | * The current keys are longname, author, authorurl, infourl and version. |
| | | * |
| | | * @return {Object} Name/value array containing information about the plugin. |
| | | */ |
| | | getInfo : function() { |
| | | return { |
| | | longname : 'Autolink', |
| | | author : 'Moxiecode Systems AB', |
| | | authorurl : 'http://tinymce.moxiecode.com', |
| | | infourl : 'http://wiki.moxiecode.com/index.php/TinyMCE:Plugins/autolink', |
| | | version : tinymce.majorVersion + "." + tinymce.minorVersion |
| | | }; |
| | | } |
| | | }); |
| | | |
| | | // Register plugin |
| | | tinymce.PluginManager.add('autolink', tinymce.plugins.AutolinkPlugin); |
| | | })(); |
New file |
| | |
| | | (function(){tinymce.create("tinymce.plugins.AutoResizePlugin",{init:function(a,c){var d=this,e=0;if(a.getParam("fullscreen_is_enabled")){return}function b(){var i=a.getDoc(),f=i.body,k=i.documentElement,h=tinymce.DOM,j=d.autoresize_min_height,g;g=tinymce.isIE?f.scrollHeight:i.body.offsetHeight;if(g>d.autoresize_min_height){j=g}if(d.autoresize_max_height&&g>d.autoresize_max_height){j=d.autoresize_max_height;a.getBody().style.overflowY="auto"}else{a.getBody().style.overflowY="hidden"}if(j!==e){h.setStyle(h.get(a.id+"_ifr"),"height",j+"px");e=j}if(d.throbbing){a.setProgressState(false);a.setProgressState(true)}}d.editor=a;d.autoresize_min_height=parseInt(a.getParam("autoresize_min_height",a.getElement().offsetHeight));d.autoresize_max_height=parseInt(a.getParam("autoresize_max_height",0));a.onInit.add(function(f){f.dom.setStyle(f.getBody(),"paddingBottom",f.getParam("autoresize_bottom_margin",50)+"px")});a.onChange.add(b);a.onSetContent.add(b);a.onPaste.add(b);a.onKeyUp.add(b);a.onPostRender.add(b);if(a.getParam("autoresize_on_init",true)){a.onInit.add(function(g,f){g.setProgressState(true);d.throbbing=true;g.getBody().style.overflowY="hidden"});a.onLoadContent.add(function(g,f){b();setTimeout(function(){b();g.setProgressState(false);d.throbbing=false},1250)})}a.addCommand("mceAutoResize",b)},getInfo:function(){return{longname:"Auto Resize",author:"Moxiecode Systems AB",authorurl:"http://tinymce.moxiecode.com",infourl:"http://wiki.moxiecode.com/index.php/TinyMCE:Plugins/autoresize",version:tinymce.majorVersion+"."+tinymce.minorVersion}}});tinymce.PluginManager.add("autoresize",tinymce.plugins.AutoResizePlugin)})(); |
New file |
| | |
| | | /** |
| | | * editor_plugin_src.js |
| | | * |
| | | * Copyright 2009, Moxiecode Systems AB |
| | | * Released under LGPL License. |
| | | * |
| | | * License: http://tinymce.moxiecode.com/license |
| | | * Contributing: http://tinymce.moxiecode.com/contributing |
| | | */ |
| | | |
| | | (function() { |
| | | /** |
| | | * Auto Resize |
| | | * |
| | | * This plugin automatically resizes the content area to fit its content height. |
| | | * It will retain a minimum height, which is the height of the content area when |
| | | * it's initialized. |
| | | */ |
| | | tinymce.create('tinymce.plugins.AutoResizePlugin', { |
| | | /** |
| | | * Initializes the plugin, this will be executed after the plugin has been created. |
| | | * This call is done before the editor instance has finished it's initialization so use the onInit event |
| | | * of the editor instance to intercept that event. |
| | | * |
| | | * @param {tinymce.Editor} ed Editor instance that the plugin is initialized in. |
| | | * @param {string} url Absolute URL to where the plugin is located. |
| | | */ |
| | | init : function(ed, url) { |
| | | var t = this, oldSize = 0; |
| | | |
| | | if (ed.getParam('fullscreen_is_enabled')) |
| | | return; |
| | | |
| | | /** |
| | | * This method gets executed each time the editor needs to resize. |
| | | */ |
| | | function resize() { |
| | | var d = ed.getDoc(), b = d.body, de = d.documentElement, DOM = tinymce.DOM, resizeHeight = t.autoresize_min_height, myHeight; |
| | | |
| | | // Get height differently depending on the browser used |
| | | myHeight = tinymce.isIE ? b.scrollHeight : d.body.offsetHeight; |
| | | |
| | | // Don't make it smaller than the minimum height |
| | | if (myHeight > t.autoresize_min_height) |
| | | resizeHeight = myHeight; |
| | | |
| | | // If a maximum height has been defined don't exceed this height |
| | | if (t.autoresize_max_height && myHeight > t.autoresize_max_height) { |
| | | resizeHeight = t.autoresize_max_height; |
| | | ed.getBody().style.overflowY = "auto"; |
| | | } else |
| | | ed.getBody().style.overflowY = "hidden"; |
| | | |
| | | // Resize content element |
| | | if (resizeHeight !== oldSize) { |
| | | DOM.setStyle(DOM.get(ed.id + '_ifr'), 'height', resizeHeight + 'px'); |
| | | oldSize = resizeHeight; |
| | | } |
| | | |
| | | // if we're throbbing, we'll re-throb to match the new size |
| | | if (t.throbbing) { |
| | | ed.setProgressState(false); |
| | | ed.setProgressState(true); |
| | | } |
| | | }; |
| | | |
| | | t.editor = ed; |
| | | |
| | | // Define minimum height |
| | | t.autoresize_min_height = parseInt( ed.getParam('autoresize_min_height', ed.getElement().offsetHeight) ); |
| | | |
| | | // Define maximum height |
| | | t.autoresize_max_height = parseInt( ed.getParam('autoresize_max_height', 0) ); |
| | | |
| | | // Add padding at the bottom for better UX |
| | | ed.onInit.add(function(ed){ |
| | | ed.dom.setStyle(ed.getBody(), 'paddingBottom', ed.getParam('autoresize_bottom_margin', 50) + 'px'); |
| | | }); |
| | | |
| | | // Add appropriate listeners for resizing content area |
| | | ed.onChange.add(resize); |
| | | ed.onSetContent.add(resize); |
| | | ed.onPaste.add(resize); |
| | | ed.onKeyUp.add(resize); |
| | | ed.onPostRender.add(resize); |
| | | |
| | | if (ed.getParam('autoresize_on_init', true)) { |
| | | // Things to do when the editor is ready |
| | | ed.onInit.add(function(ed, l) { |
| | | // Show throbber until content area is resized properly |
| | | ed.setProgressState(true); |
| | | t.throbbing = true; |
| | | |
| | | // Hide scrollbars |
| | | ed.getBody().style.overflowY = "hidden"; |
| | | }); |
| | | |
| | | ed.onLoadContent.add(function(ed, l) { |
| | | resize(); |
| | | |
| | | // Because the content area resizes when its content CSS loads, |
| | | // and we can't easily add a listener to its onload event, |
| | | // we'll just trigger a resize after a short loading period |
| | | setTimeout(function() { |
| | | resize(); |
| | | |
| | | // Disable throbber |
| | | ed.setProgressState(false); |
| | | t.throbbing = false; |
| | | }, 1250); |
| | | }); |
| | | } |
| | | |
| | | // Register the command so that it can be invoked by using tinyMCE.activeEditor.execCommand('mceExample'); |
| | | ed.addCommand('mceAutoResize', resize); |
| | | }, |
| | | |
| | | /** |
| | | * Returns information about the plugin as a name/value array. |
| | | * The current keys are longname, author, authorurl, infourl and version. |
| | | * |
| | | * @return {Object} Name/value array containing information about the plugin. |
| | | */ |
| | | getInfo : function() { |
| | | return { |
| | | longname : 'Auto Resize', |
| | | author : 'Moxiecode Systems AB', |
| | | authorurl : 'http://tinymce.moxiecode.com', |
| | | infourl : 'http://wiki.moxiecode.com/index.php/TinyMCE:Plugins/autoresize', |
| | | version : tinymce.majorVersion + "." + tinymce.minorVersion |
| | | }; |
| | | } |
| | | }); |
| | | |
| | | // Register plugin |
| | | tinymce.PluginManager.add('autoresize', tinymce.plugins.AutoResizePlugin); |
| | | })(); |
New file |
| | |
| | | (function(e){var c="autosave",g="restoredraft",b=true,f,d,a=e.util.Dispatcher;e.create("tinymce.plugins.AutoSave",{init:function(i,j){var h=this,l=i.settings;h.editor=i;function k(n){var m={s:1000,m:60000};n=/^(\d+)([ms]?)$/.exec(""+n);return(n[2]?m[n[2]]:1)*parseInt(n)}e.each({ask_before_unload:b,interval:"30s",retention:"20m",minlength:50},function(n,m){m=c+"_"+m;if(l[m]===f){l[m]=n}});l.autosave_interval=k(l.autosave_interval);l.autosave_retention=k(l.autosave_retention);i.addButton(g,{title:c+".restore_content",onclick:function(){if(i.getContent({draft:true}).replace(/\s| |<\/?p[^>]*>|<br[^>]*>/gi,"").length>0){i.windowManager.confirm(c+".warning_message",function(m){if(m){h.restoreDraft()}})}else{h.restoreDraft()}}});i.onNodeChange.add(function(){var m=i.controlManager;if(m.get(g)){m.setDisabled(g,!h.hasDraft())}});i.onInit.add(function(){if(i.controlManager.get(g)){h.setupStorage(i);setInterval(function(){h.storeDraft();i.nodeChanged()},l.autosave_interval)}});h.onStoreDraft=new a(h);h.onRestoreDraft=new a(h);h.onRemoveDraft=new a(h);if(!d){window.onbeforeunload=e.plugins.AutoSave._beforeUnloadHandler;d=b}},getInfo:function(){return{longname:"Auto save",author:"Moxiecode Systems AB",authorurl:"http://tinymce.moxiecode.com",infourl:"http://wiki.moxiecode.com/index.php/TinyMCE:Plugins/autosave",version:e.majorVersion+"."+e.minorVersion}},getExpDate:function(){return new Date(new Date().getTime()+this.editor.settings.autosave_retention).toUTCString()},setupStorage:function(i){var h=this,k=c+"_test",j="OK";h.key=c+i.id;e.each([function(){if(localStorage){localStorage.setItem(k,j);if(localStorage.getItem(k)===j){localStorage.removeItem(k);return localStorage}}},function(){if(sessionStorage){sessionStorage.setItem(k,j);if(sessionStorage.getItem(k)===j){sessionStorage.removeItem(k);return sessionStorage}}},function(){if(e.isIE){i.getElement().style.behavior="url('#default#userData')";return{autoExpires:b,setItem:function(l,n){var m=i.getElement();m.setAttribute(l,n);m.expires=h.getExpDate();try{m.save("TinyMCE")}catch(o){}},getItem:function(l){var m=i.getElement();try{m.load("TinyMCE");return m.getAttribute(l)}catch(n){return null}},removeItem:function(l){i.getElement().removeAttribute(l)}}}},],function(l){try{h.storage=l();if(h.storage){return false}}catch(m){}})},storeDraft:function(){var i=this,l=i.storage,j=i.editor,h,k;if(l){if(!l.getItem(i.key)&&!j.isDirty()){return}k=j.getContent({draft:true});if(k.length>j.settings.autosave_minlength){h=i.getExpDate();if(!i.storage.autoExpires){i.storage.setItem(i.key+"_expires",h)}i.storage.setItem(i.key,k);i.onStoreDraft.dispatch(i,{expires:h,content:k})}}},restoreDraft:function(){var h=this,j=h.storage,i;if(j){i=j.getItem(h.key);if(i){h.editor.setContent(i);h.onRestoreDraft.dispatch(h,{content:i})}}},hasDraft:function(){var h=this,k=h.storage,i,j;if(k){j=!!k.getItem(h.key);if(j){if(!h.storage.autoExpires){i=new Date(k.getItem(h.key+"_expires"));if(new Date().getTime()<i.getTime()){return b}h.removeDraft()}else{return b}}}return false},removeDraft:function(){var h=this,k=h.storage,i=h.key,j;if(k){j=k.getItem(i);k.removeItem(i);k.removeItem(i+"_expires");if(j){h.onRemoveDraft.dispatch(h,{content:j})}}},"static":{_beforeUnloadHandler:function(h){var i;e.each(tinyMCE.editors,function(j){if(j.plugins.autosave){j.plugins.autosave.storeDraft()}if(j.getParam("fullscreen_is_enabled")){return}if(!i&&j.isDirty()&&j.getParam("autosave_ask_before_unload")){i=j.getLang("autosave.unload_msg")}});return i}}});e.PluginManager.add("autosave",e.plugins.AutoSave)})(tinymce); |
New file |
| | |
| | | /**
|
| | | * editor_plugin_src.js
|
| | | *
|
| | | * Copyright 2009, Moxiecode Systems AB
|
| | | * Released under LGPL License.
|
| | | *
|
| | | * License: http://tinymce.moxiecode.com/license
|
| | | * Contributing: http://tinymce.moxiecode.com/contributing
|
| | | *
|
| | | * Adds auto-save capability to the TinyMCE text editor to rescue content
|
| | | * inadvertently lost. This plugin was originally developed by Speednet
|
| | | * and that project can be found here: http://code.google.com/p/tinyautosave/
|
| | | *
|
| | | * TECHNOLOGY DISCUSSION:
|
| | | * |
| | | * The plugin attempts to use the most advanced features available in the current browser to save
|
| | | * as much content as possible. There are a total of four different methods used to autosave the
|
| | | * content. In order of preference, they are:
|
| | | * |
| | | * 1. localStorage - A new feature of HTML 5, localStorage can store megabytes of data per domain
|
| | | * on the client computer. Data stored in the localStorage area has no expiration date, so we must
|
| | | * manage expiring the data ourselves. localStorage is fully supported by IE8, and it is supposed
|
| | | * to be working in Firefox 3 and Safari 3.2, but in reality is is flaky in those browsers. As
|
| | | * HTML 5 gets wider support, the AutoSave plugin will use it automatically. In Windows Vista/7,
|
| | | * localStorage is stored in the following folder:
|
| | | * C:\Users\[username]\AppData\Local\Microsoft\Internet Explorer\DOMStore\[tempFolder]
|
| | | * |
| | | * 2. sessionStorage - A new feature of HTML 5, sessionStorage works similarly to localStorage,
|
| | | * except it is designed to expire after a certain amount of time. Because the specification
|
| | | * around expiration date/time is very loosely-described, it is preferrable to use locaStorage and
|
| | | * manage the expiration ourselves. sessionStorage has similar storage characteristics to
|
| | | * localStorage, although it seems to have better support by Firefox 3 at the moment. (That will
|
| | | * certainly change as Firefox continues getting better at HTML 5 adoption.)
|
| | | * |
| | | * 3. UserData - A very under-exploited feature of Microsoft Internet Explorer, UserData is a
|
| | | * way to store up to 128K of data per "document", or up to 1MB of data per domain, on the client
|
| | | * computer. The feature is available for IE 5+, which makes it available for every version of IE
|
| | | * supported by TinyMCE. The content is persistent across browser restarts and expires on the
|
| | | * date/time specified, just like a cookie. However, the data is not cleared when the user clears
|
| | | * cookies on the browser, which makes it well-suited for rescuing autosaved content. UserData,
|
| | | * like other Microsoft IE browser technologies, is implemented as a behavior attached to a
|
| | | * specific DOM object, so in this case we attach the behavior to the same DOM element that the
|
| | | * TinyMCE editor instance is attached to.
|
| | | */
|
| | |
|
| | | (function(tinymce) {
|
| | | // Setup constants to help the compressor to reduce script size
|
| | | var PLUGIN_NAME = 'autosave',
|
| | | RESTORE_DRAFT = 'restoredraft',
|
| | | TRUE = true,
|
| | | undefined,
|
| | | unloadHandlerAdded,
|
| | | Dispatcher = tinymce.util.Dispatcher;
|
| | |
|
| | | /**
|
| | | * This plugin adds auto-save capability to the TinyMCE text editor to rescue content
|
| | | * inadvertently lost. By using localStorage.
|
| | | *
|
| | | * @class tinymce.plugins.AutoSave
|
| | | */
|
| | | tinymce.create('tinymce.plugins.AutoSave', {
|
| | | /**
|
| | | * Initializes the plugin, this will be executed after the plugin has been created.
|
| | | * This call is done before the editor instance has finished it's initialization so use the onInit event
|
| | | * of the editor instance to intercept that event.
|
| | | *
|
| | | * @method init
|
| | | * @param {tinymce.Editor} ed Editor instance that the plugin is initialized in.
|
| | | * @param {string} url Absolute URL to where the plugin is located.
|
| | | */
|
| | | init : function(ed, url) {
|
| | | var self = this, settings = ed.settings;
|
| | |
|
| | | self.editor = ed;
|
| | |
|
| | | // Parses the specified time string into a milisecond number 10m, 10s etc.
|
| | | function parseTime(time) {
|
| | | var multipels = {
|
| | | s : 1000,
|
| | | m : 60000
|
| | | };
|
| | |
|
| | | time = /^(\d+)([ms]?)$/.exec('' + time);
|
| | |
|
| | | return (time[2] ? multipels[time[2]] : 1) * parseInt(time);
|
| | | };
|
| | |
|
| | | // Default config
|
| | | tinymce.each({
|
| | | ask_before_unload : TRUE,
|
| | | interval : '30s',
|
| | | retention : '20m',
|
| | | minlength : 50
|
| | | }, function(value, key) {
|
| | | key = PLUGIN_NAME + '_' + key;
|
| | |
|
| | | if (settings[key] === undefined)
|
| | | settings[key] = value;
|
| | | });
|
| | |
|
| | | // Parse times
|
| | | settings.autosave_interval = parseTime(settings.autosave_interval);
|
| | | settings.autosave_retention = parseTime(settings.autosave_retention);
|
| | |
|
| | | // Register restore button
|
| | | ed.addButton(RESTORE_DRAFT, {
|
| | | title : PLUGIN_NAME + ".restore_content",
|
| | | onclick : function() {
|
| | | if (ed.getContent({draft: true}).replace(/\s| |<\/?p[^>]*>|<br[^>]*>/gi, "").length > 0) {
|
| | | // Show confirm dialog if the editor isn't empty
|
| | | ed.windowManager.confirm(
|
| | | PLUGIN_NAME + ".warning_message",
|
| | | function(ok) {
|
| | | if (ok)
|
| | | self.restoreDraft();
|
| | | }
|
| | | );
|
| | | } else
|
| | | self.restoreDraft();
|
| | | }
|
| | | });
|
| | |
|
| | | // Enable/disable restoredraft button depending on if there is a draft stored or not
|
| | | ed.onNodeChange.add(function() {
|
| | | var controlManager = ed.controlManager;
|
| | |
|
| | | if (controlManager.get(RESTORE_DRAFT))
|
| | | controlManager.setDisabled(RESTORE_DRAFT, !self.hasDraft());
|
| | | });
|
| | |
|
| | | ed.onInit.add(function() {
|
| | | // Check if the user added the restore button, then setup auto storage logic
|
| | | if (ed.controlManager.get(RESTORE_DRAFT)) {
|
| | | // Setup storage engine
|
| | | self.setupStorage(ed);
|
| | |
|
| | | // Auto save contents each interval time
|
| | | setInterval(function() {
|
| | | self.storeDraft();
|
| | | ed.nodeChanged();
|
| | | }, settings.autosave_interval);
|
| | | }
|
| | | });
|
| | |
|
| | | /**
|
| | | * This event gets fired when a draft is stored to local storage.
|
| | | *
|
| | | * @event onStoreDraft
|
| | | * @param {tinymce.plugins.AutoSave} sender Plugin instance sending the event.
|
| | | * @param {Object} draft Draft object containing the HTML contents of the editor.
|
| | | */
|
| | | self.onStoreDraft = new Dispatcher(self);
|
| | |
|
| | | /**
|
| | | * This event gets fired when a draft is restored from local storage.
|
| | | *
|
| | | * @event onStoreDraft
|
| | | * @param {tinymce.plugins.AutoSave} sender Plugin instance sending the event.
|
| | | * @param {Object} draft Draft object containing the HTML contents of the editor.
|
| | | */
|
| | | self.onRestoreDraft = new Dispatcher(self);
|
| | |
|
| | | /**
|
| | | * This event gets fired when a draft removed/expired.
|
| | | *
|
| | | * @event onRemoveDraft
|
| | | * @param {tinymce.plugins.AutoSave} sender Plugin instance sending the event.
|
| | | * @param {Object} draft Draft object containing the HTML contents of the editor.
|
| | | */
|
| | | self.onRemoveDraft = new Dispatcher(self);
|
| | |
|
| | | // Add ask before unload dialog only add one unload handler
|
| | | if (!unloadHandlerAdded) {
|
| | | window.onbeforeunload = tinymce.plugins.AutoSave._beforeUnloadHandler;
|
| | | unloadHandlerAdded = TRUE;
|
| | | }
|
| | | },
|
| | |
|
| | | /**
|
| | | * Returns information about the plugin as a name/value array.
|
| | | * The current keys are longname, author, authorurl, infourl and version.
|
| | | *
|
| | | * @method getInfo
|
| | | * @return {Object} Name/value array containing information about the plugin.
|
| | | */
|
| | | getInfo : function() {
|
| | | return {
|
| | | longname : 'Auto save',
|
| | | author : 'Moxiecode Systems AB',
|
| | | authorurl : 'http://tinymce.moxiecode.com',
|
| | | infourl : 'http://wiki.moxiecode.com/index.php/TinyMCE:Plugins/autosave',
|
| | | version : tinymce.majorVersion + "." + tinymce.minorVersion
|
| | | };
|
| | | },
|
| | |
|
| | | /**
|
| | | * Returns an expiration date UTC string.
|
| | | *
|
| | | * @method getExpDate
|
| | | * @return {String} Expiration date UTC string.
|
| | | */
|
| | | getExpDate : function() {
|
| | | return new Date(
|
| | | new Date().getTime() + this.editor.settings.autosave_retention
|
| | | ).toUTCString();
|
| | | },
|
| | |
|
| | | /**
|
| | | * This method will setup the storage engine. If the browser has support for it.
|
| | | *
|
| | | * @method setupStorage
|
| | | */
|
| | | setupStorage : function(ed) {
|
| | | var self = this, testKey = PLUGIN_NAME + '_test', testVal = "OK";
|
| | |
|
| | | self.key = PLUGIN_NAME + ed.id;
|
| | |
|
| | | // Loop though each storage engine type until we find one that works
|
| | | tinymce.each([
|
| | | function() {
|
| | | // Try HTML5 Local Storage
|
| | | if (localStorage) {
|
| | | localStorage.setItem(testKey, testVal);
|
| | |
|
| | | if (localStorage.getItem(testKey) === testVal) {
|
| | | localStorage.removeItem(testKey);
|
| | |
|
| | | return localStorage;
|
| | | }
|
| | | }
|
| | | },
|
| | |
|
| | | function() {
|
| | | // Try HTML5 Session Storage
|
| | | if (sessionStorage) {
|
| | | sessionStorage.setItem(testKey, testVal);
|
| | |
|
| | | if (sessionStorage.getItem(testKey) === testVal) {
|
| | | sessionStorage.removeItem(testKey);
|
| | |
|
| | | return sessionStorage;
|
| | | }
|
| | | }
|
| | | },
|
| | |
|
| | | function() {
|
| | | // Try IE userData
|
| | | if (tinymce.isIE) {
|
| | | ed.getElement().style.behavior = "url('#default#userData')";
|
| | |
|
| | | // Fake localStorage on old IE
|
| | | return {
|
| | | autoExpires : TRUE,
|
| | |
|
| | | setItem : function(key, value) {
|
| | | var userDataElement = ed.getElement();
|
| | |
|
| | | userDataElement.setAttribute(key, value);
|
| | | userDataElement.expires = self.getExpDate();
|
| | |
|
| | | try {
|
| | | userDataElement.save("TinyMCE");
|
| | | } catch (e) {
|
| | | // Ignore, saving might fail if "Userdata Persistence" is disabled in IE
|
| | | }
|
| | | },
|
| | |
|
| | | getItem : function(key) {
|
| | | var userDataElement = ed.getElement();
|
| | |
|
| | | try {
|
| | | userDataElement.load("TinyMCE");
|
| | | return userDataElement.getAttribute(key);
|
| | | } catch (e) {
|
| | | // Ignore, loading might fail if "Userdata Persistence" is disabled in IE
|
| | | return null;
|
| | | }
|
| | | },
|
| | |
|
| | | removeItem : function(key) {
|
| | | ed.getElement().removeAttribute(key);
|
| | | }
|
| | | };
|
| | | }
|
| | | },
|
| | | ], function(setup) {
|
| | | // Try executing each function to find a suitable storage engine
|
| | | try {
|
| | | self.storage = setup();
|
| | |
|
| | | if (self.storage)
|
| | | return false;
|
| | | } catch (e) {
|
| | | // Ignore
|
| | | }
|
| | | });
|
| | | },
|
| | |
|
| | | /**
|
| | | * This method will store the current contents in the the storage engine.
|
| | | *
|
| | | * @method storeDraft
|
| | | */
|
| | | storeDraft : function() {
|
| | | var self = this, storage = self.storage, editor = self.editor, expires, content;
|
| | |
|
| | | // Is the contents dirty
|
| | | if (storage) {
|
| | | // If there is no existing key and the contents hasn't been changed since
|
| | | // it's original value then there is no point in saving a draft
|
| | | if (!storage.getItem(self.key) && !editor.isDirty())
|
| | | return;
|
| | |
|
| | | // Store contents if the contents if longer than the minlength of characters
|
| | | content = editor.getContent({draft: true});
|
| | | if (content.length > editor.settings.autosave_minlength) {
|
| | | expires = self.getExpDate();
|
| | |
|
| | | // Store expiration date if needed IE userData has auto expire built in
|
| | | if (!self.storage.autoExpires)
|
| | | self.storage.setItem(self.key + "_expires", expires);
|
| | |
|
| | | self.storage.setItem(self.key, content);
|
| | | self.onStoreDraft.dispatch(self, {
|
| | | expires : expires,
|
| | | content : content
|
| | | });
|
| | | }
|
| | | }
|
| | | },
|
| | |
|
| | | /**
|
| | | * This method will restore the contents from the storage engine back to the editor.
|
| | | *
|
| | | * @method restoreDraft
|
| | | */
|
| | | restoreDraft : function() {
|
| | | var self = this, storage = self.storage, content;
|
| | |
|
| | | if (storage) {
|
| | | content = storage.getItem(self.key);
|
| | |
|
| | | if (content) {
|
| | | self.editor.setContent(content);
|
| | | self.onRestoreDraft.dispatch(self, {
|
| | | content : content
|
| | | });
|
| | | }
|
| | | }
|
| | | },
|
| | |
|
| | | /**
|
| | | * This method will return true/false if there is a local storage draft available.
|
| | | *
|
| | | * @method hasDraft
|
| | | * @return {boolean} true/false state if there is a local draft.
|
| | | */
|
| | | hasDraft : function() {
|
| | | var self = this, storage = self.storage, expDate, exists;
|
| | |
|
| | | if (storage) {
|
| | | // Does the item exist at all
|
| | | exists = !!storage.getItem(self.key);
|
| | | if (exists) {
|
| | | // Storage needs autoexpire
|
| | | if (!self.storage.autoExpires) {
|
| | | expDate = new Date(storage.getItem(self.key + "_expires"));
|
| | |
|
| | | // Contents hasn't expired
|
| | | if (new Date().getTime() < expDate.getTime())
|
| | | return TRUE;
|
| | |
|
| | | // Remove it if it has
|
| | | self.removeDraft();
|
| | | } else
|
| | | return TRUE;
|
| | | }
|
| | | }
|
| | |
|
| | | return false;
|
| | | },
|
| | |
|
| | | /**
|
| | | * Removes the currently stored draft.
|
| | | *
|
| | | * @method removeDraft
|
| | | */
|
| | | removeDraft : function() {
|
| | | var self = this, storage = self.storage, key = self.key, content;
|
| | |
|
| | | if (storage) {
|
| | | // Get current contents and remove the existing draft
|
| | | content = storage.getItem(key);
|
| | | storage.removeItem(key);
|
| | | storage.removeItem(key + "_expires");
|
| | |
|
| | | // Dispatch remove event if we had any contents
|
| | | if (content) {
|
| | | self.onRemoveDraft.dispatch(self, {
|
| | | content : content
|
| | | });
|
| | | }
|
| | | }
|
| | | },
|
| | |
|
| | | "static" : {
|
| | | // Internal unload handler will be called before the page is unloaded
|
| | | _beforeUnloadHandler : function(e) {
|
| | | var msg;
|
| | |
|
| | | tinymce.each(tinyMCE.editors, function(ed) {
|
| | | // Store a draft for each editor instance
|
| | | if (ed.plugins.autosave)
|
| | | ed.plugins.autosave.storeDraft();
|
| | |
|
| | | // Never ask in fullscreen mode
|
| | | if (ed.getParam("fullscreen_is_enabled"))
|
| | | return;
|
| | |
|
| | | // Setup a return message if the editor is dirty
|
| | | if (!msg && ed.isDirty() && ed.getParam("autosave_ask_before_unload"))
|
| | | msg = ed.getLang("autosave.unload_msg");
|
| | | });
|
| | |
|
| | | return msg;
|
| | | }
|
| | | }
|
| | | });
|
| | |
|
| | | tinymce.PluginManager.add('autosave', tinymce.plugins.AutoSave);
|
| | | })(tinymce);
|
New file |
| | |
| | | tinyMCE.addI18n('en.autosave',{
|
| | | restore_content: "Restore auto-saved content",
|
| | | warning_message: "If you restore the saved content, you will lose all the content that is currently in the editor.\n\nAre you sure you want to restore the saved content?"
|
| | | }); |
New file |
| | |
| | | (function(){tinymce.create("tinymce.plugins.BBCodePlugin",{init:function(a,b){var d=this,c=a.getParam("bbcode_dialect","punbb").toLowerCase();a.onBeforeSetContent.add(function(e,f){f.content=d["_"+c+"_bbcode2html"](f.content)});a.onPostProcess.add(function(e,f){if(f.set){f.content=d["_"+c+"_bbcode2html"](f.content)}if(f.get){f.content=d["_"+c+"_html2bbcode"](f.content)}})},getInfo:function(){return{longname:"BBCode Plugin",author:"Moxiecode Systems AB",authorurl:"http://tinymce.moxiecode.com",infourl:"http://wiki.moxiecode.com/index.php/TinyMCE:Plugins/bbcode",version:tinymce.majorVersion+"."+tinymce.minorVersion}},_punbb_html2bbcode:function(a){a=tinymce.trim(a);function b(c,d){a=a.replace(c,d)}b(/<a.*?href=\"(.*?)\".*?>(.*?)<\/a>/gi,"[url=$1]$2[/url]");b(/<font.*?color=\"(.*?)\".*?class=\"codeStyle\".*?>(.*?)<\/font>/gi,"[code][color=$1]$2[/color][/code]");b(/<font.*?color=\"(.*?)\".*?class=\"quoteStyle\".*?>(.*?)<\/font>/gi,"[quote][color=$1]$2[/color][/quote]");b(/<font.*?class=\"codeStyle\".*?color=\"(.*?)\".*?>(.*?)<\/font>/gi,"[code][color=$1]$2[/color][/code]");b(/<font.*?class=\"quoteStyle\".*?color=\"(.*?)\".*?>(.*?)<\/font>/gi,"[quote][color=$1]$2[/color][/quote]");b(/<span style=\"color: ?(.*?);\">(.*?)<\/span>/gi,"[color=$1]$2[/color]");b(/<font.*?color=\"(.*?)\".*?>(.*?)<\/font>/gi,"[color=$1]$2[/color]");b(/<span style=\"font-size:(.*?);\">(.*?)<\/span>/gi,"[size=$1]$2[/size]");b(/<font>(.*?)<\/font>/gi,"$1");b(/<img.*?src=\"(.*?)\".*?\/>/gi,"[img]$1[/img]");b(/<span class=\"codeStyle\">(.*?)<\/span>/gi,"[code]$1[/code]");b(/<span class=\"quoteStyle\">(.*?)<\/span>/gi,"[quote]$1[/quote]");b(/<strong class=\"codeStyle\">(.*?)<\/strong>/gi,"[code][b]$1[/b][/code]");b(/<strong class=\"quoteStyle\">(.*?)<\/strong>/gi,"[quote][b]$1[/b][/quote]");b(/<em class=\"codeStyle\">(.*?)<\/em>/gi,"[code][i]$1[/i][/code]");b(/<em class=\"quoteStyle\">(.*?)<\/em>/gi,"[quote][i]$1[/i][/quote]");b(/<u class=\"codeStyle\">(.*?)<\/u>/gi,"[code][u]$1[/u][/code]");b(/<u class=\"quoteStyle\">(.*?)<\/u>/gi,"[quote][u]$1[/u][/quote]");b(/<\/(strong|b)>/gi,"[/b]");b(/<(strong|b)>/gi,"[b]");b(/<\/(em|i)>/gi,"[/i]");b(/<(em|i)>/gi,"[i]");b(/<\/u>/gi,"[/u]");b(/<span style=\"text-decoration: ?underline;\">(.*?)<\/span>/gi,"[u]$1[/u]");b(/<u>/gi,"[u]");b(/<blockquote[^>]*>/gi,"[quote]");b(/<\/blockquote>/gi,"[/quote]");b(/<br \/>/gi,"\n");b(/<br\/>/gi,"\n");b(/<br>/gi,"\n");b(/<p>/gi,"");b(/<\/p>/gi,"\n");b(/ |\u00a0/gi," ");b(/"/gi,'"');b(/</gi,"<");b(/>/gi,">");b(/&/gi,"&");return a},_punbb_bbcode2html:function(a){a=tinymce.trim(a);function b(c,d){a=a.replace(c,d)}b(/\n/gi,"<br />");b(/\[b\]/gi,"<strong>");b(/\[\/b\]/gi,"</strong>");b(/\[i\]/gi,"<em>");b(/\[\/i\]/gi,"</em>");b(/\[u\]/gi,"<u>");b(/\[\/u\]/gi,"</u>");b(/\[url=([^\]]+)\](.*?)\[\/url\]/gi,'<a href="$1">$2</a>');b(/\[url\](.*?)\[\/url\]/gi,'<a href="$1">$1</a>');b(/\[img\](.*?)\[\/img\]/gi,'<img src="$1" />');b(/\[color=(.*?)\](.*?)\[\/color\]/gi,'<font color="$1">$2</font>');b(/\[code\](.*?)\[\/code\]/gi,'<span class="codeStyle">$1</span> ');b(/\[quote.*?\](.*?)\[\/quote\]/gi,'<span class="quoteStyle">$1</span> ');return a}});tinymce.PluginManager.add("bbcode",tinymce.plugins.BBCodePlugin)})(); |
New file |
| | |
| | | /**
|
| | | * editor_plugin_src.js
|
| | | *
|
| | | * Copyright 2009, Moxiecode Systems AB
|
| | | * Released under LGPL License.
|
| | | *
|
| | | * License: http://tinymce.moxiecode.com/license
|
| | | * Contributing: http://tinymce.moxiecode.com/contributing
|
| | | */
|
| | |
|
| | | (function() {
|
| | | tinymce.create('tinymce.plugins.BBCodePlugin', {
|
| | | init : function(ed, url) {
|
| | | var t = this, dialect = ed.getParam('bbcode_dialect', 'punbb').toLowerCase();
|
| | |
|
| | | ed.onBeforeSetContent.add(function(ed, o) {
|
| | | o.content = t['_' + dialect + '_bbcode2html'](o.content);
|
| | | });
|
| | |
|
| | | ed.onPostProcess.add(function(ed, o) {
|
| | | if (o.set)
|
| | | o.content = t['_' + dialect + '_bbcode2html'](o.content);
|
| | |
|
| | | if (o.get)
|
| | | o.content = t['_' + dialect + '_html2bbcode'](o.content);
|
| | | });
|
| | | },
|
| | |
|
| | | getInfo : function() {
|
| | | return {
|
| | | longname : 'BBCode Plugin',
|
| | | author : 'Moxiecode Systems AB',
|
| | | authorurl : 'http://tinymce.moxiecode.com',
|
| | | infourl : 'http://wiki.moxiecode.com/index.php/TinyMCE:Plugins/bbcode',
|
| | | version : tinymce.majorVersion + "." + tinymce.minorVersion
|
| | | };
|
| | | },
|
| | |
|
| | | // Private methods
|
| | |
|
| | | // HTML -> BBCode in PunBB dialect
|
| | | _punbb_html2bbcode : function(s) {
|
| | | s = tinymce.trim(s);
|
| | |
|
| | | function rep(re, str) {
|
| | | s = s.replace(re, str);
|
| | | };
|
| | |
|
| | | // example: <strong> to [b]
|
| | | rep(/<a.*?href=\"(.*?)\".*?>(.*?)<\/a>/gi,"[url=$1]$2[/url]");
|
| | | rep(/<font.*?color=\"(.*?)\".*?class=\"codeStyle\".*?>(.*?)<\/font>/gi,"[code][color=$1]$2[/color][/code]");
|
| | | rep(/<font.*?color=\"(.*?)\".*?class=\"quoteStyle\".*?>(.*?)<\/font>/gi,"[quote][color=$1]$2[/color][/quote]");
|
| | | rep(/<font.*?class=\"codeStyle\".*?color=\"(.*?)\".*?>(.*?)<\/font>/gi,"[code][color=$1]$2[/color][/code]");
|
| | | rep(/<font.*?class=\"quoteStyle\".*?color=\"(.*?)\".*?>(.*?)<\/font>/gi,"[quote][color=$1]$2[/color][/quote]");
|
| | | rep(/<span style=\"color: ?(.*?);\">(.*?)<\/span>/gi,"[color=$1]$2[/color]");
|
| | | rep(/<font.*?color=\"(.*?)\".*?>(.*?)<\/font>/gi,"[color=$1]$2[/color]");
|
| | | rep(/<span style=\"font-size:(.*?);\">(.*?)<\/span>/gi,"[size=$1]$2[/size]");
|
| | | rep(/<font>(.*?)<\/font>/gi,"$1");
|
| | | rep(/<img.*?src=\"(.*?)\".*?\/>/gi,"[img]$1[/img]");
|
| | | rep(/<span class=\"codeStyle\">(.*?)<\/span>/gi,"[code]$1[/code]");
|
| | | rep(/<span class=\"quoteStyle\">(.*?)<\/span>/gi,"[quote]$1[/quote]");
|
| | | rep(/<strong class=\"codeStyle\">(.*?)<\/strong>/gi,"[code][b]$1[/b][/code]");
|
| | | rep(/<strong class=\"quoteStyle\">(.*?)<\/strong>/gi,"[quote][b]$1[/b][/quote]");
|
| | | rep(/<em class=\"codeStyle\">(.*?)<\/em>/gi,"[code][i]$1[/i][/code]");
|
| | | rep(/<em class=\"quoteStyle\">(.*?)<\/em>/gi,"[quote][i]$1[/i][/quote]");
|
| | | rep(/<u class=\"codeStyle\">(.*?)<\/u>/gi,"[code][u]$1[/u][/code]");
|
| | | rep(/<u class=\"quoteStyle\">(.*?)<\/u>/gi,"[quote][u]$1[/u][/quote]");
|
| | | rep(/<\/(strong|b)>/gi,"[/b]");
|
| | | rep(/<(strong|b)>/gi,"[b]");
|
| | | rep(/<\/(em|i)>/gi,"[/i]");
|
| | | rep(/<(em|i)>/gi,"[i]");
|
| | | rep(/<\/u>/gi,"[/u]");
|
| | | rep(/<span style=\"text-decoration: ?underline;\">(.*?)<\/span>/gi,"[u]$1[/u]");
|
| | | rep(/<u>/gi,"[u]");
|
| | | rep(/<blockquote[^>]*>/gi,"[quote]");
|
| | | rep(/<\/blockquote>/gi,"[/quote]");
|
| | | rep(/<br \/>/gi,"\n");
|
| | | rep(/<br\/>/gi,"\n");
|
| | | rep(/<br>/gi,"\n");
|
| | | rep(/<p>/gi,"");
|
| | | rep(/<\/p>/gi,"\n");
|
| | | rep(/ |\u00a0/gi," ");
|
| | | rep(/"/gi,"\"");
|
| | | rep(/</gi,"<");
|
| | | rep(/>/gi,">");
|
| | | rep(/&/gi,"&");
|
| | |
|
| | | return s; |
| | | },
|
| | |
|
| | | // BBCode -> HTML from PunBB dialect
|
| | | _punbb_bbcode2html : function(s) {
|
| | | s = tinymce.trim(s);
|
| | |
|
| | | function rep(re, str) {
|
| | | s = s.replace(re, str);
|
| | | };
|
| | |
|
| | | // example: [b] to <strong>
|
| | | rep(/\n/gi,"<br />");
|
| | | rep(/\[b\]/gi,"<strong>");
|
| | | rep(/\[\/b\]/gi,"</strong>");
|
| | | rep(/\[i\]/gi,"<em>");
|
| | | rep(/\[\/i\]/gi,"</em>");
|
| | | rep(/\[u\]/gi,"<u>");
|
| | | rep(/\[\/u\]/gi,"</u>");
|
| | | rep(/\[url=([^\]]+)\](.*?)\[\/url\]/gi,"<a href=\"$1\">$2</a>");
|
| | | rep(/\[url\](.*?)\[\/url\]/gi,"<a href=\"$1\">$1</a>");
|
| | | rep(/\[img\](.*?)\[\/img\]/gi,"<img src=\"$1\" />");
|
| | | rep(/\[color=(.*?)\](.*?)\[\/color\]/gi,"<font color=\"$1\">$2</font>");
|
| | | rep(/\[code\](.*?)\[\/code\]/gi,"<span class=\"codeStyle\">$1</span> ");
|
| | | rep(/\[quote.*?\](.*?)\[\/quote\]/gi,"<span class=\"quoteStyle\">$1</span> ");
|
| | |
|
| | | return s; |
| | | }
|
| | | });
|
| | |
|
| | | // Register plugin
|
| | | tinymce.PluginManager.add('bbcode', tinymce.plugins.BBCodePlugin);
|
| | | })(); |
New file |
| | |
| | | (function(){var a=tinymce.dom.Event,c=tinymce.each,b=tinymce.DOM;tinymce.create("tinymce.plugins.ContextMenu",{init:function(e){var h=this,f,d,i;h.editor=e;d=e.settings.contextmenu_never_use_native;h.onContextMenu=new tinymce.util.Dispatcher(this);f=e.onContextMenu.add(function(j,k){if((i!==0?i:k.ctrlKey)&&!d){return}a.cancel(k);if(k.target.nodeName=="IMG"){j.selection.select(k.target)}h._getMenu(j).showMenu(k.clientX||k.pageX,k.clientY||k.pageY);a.add(j.getDoc(),"click",function(l){g(j,l)});j.nodeChanged()});e.onRemove.add(function(){if(h._menu){h._menu.removeAll()}});function g(j,k){i=0;if(k&&k.button==2){i=k.ctrlKey;return}if(h._menu){h._menu.removeAll();h._menu.destroy();a.remove(j.getDoc(),"click",g)}}e.onMouseDown.add(g);e.onKeyDown.add(g);e.onKeyDown.add(function(j,k){if(k.shiftKey&&!k.ctrlKey&&!k.altKey&&k.keyCode===121){a.cancel(k);f(j,k)}})},getInfo:function(){return{longname:"Contextmenu",author:"Moxiecode Systems AB",authorurl:"http://tinymce.moxiecode.com",infourl:"http://wiki.moxiecode.com/index.php/TinyMCE:Plugins/contextmenu",version:tinymce.majorVersion+"."+tinymce.minorVersion}},_getMenu:function(e){var g=this,d=g._menu,j=e.selection,f=j.isCollapsed(),h=j.getNode()||e.getBody(),i,k;if(d){d.removeAll();d.destroy()}k=b.getPos(e.getContentAreaContainer());d=e.controlManager.createDropMenu("contextmenu",{offset_x:k.x+e.getParam("contextmenu_offset_x",0),offset_y:k.y+e.getParam("contextmenu_offset_y",0),constrain:1,keyboard_focus:true});g._menu=d;d.add({title:"advanced.cut_desc",icon:"cut",cmd:"Cut"}).setDisabled(f);d.add({title:"advanced.copy_desc",icon:"copy",cmd:"Copy"}).setDisabled(f);d.add({title:"advanced.paste_desc",icon:"paste",cmd:"Paste"});if((h.nodeName=="A"&&!e.dom.getAttrib(h,"name"))||!f){d.addSeparator();d.add({title:"advanced.link_desc",icon:"link",cmd:e.plugins.advlink?"mceAdvLink":"mceLink",ui:true});d.add({title:"advanced.unlink_desc",icon:"unlink",cmd:"UnLink"})}d.addSeparator();d.add({title:"advanced.image_desc",icon:"image",cmd:e.plugins.advimage?"mceAdvImage":"mceImage",ui:true});d.addSeparator();i=d.addMenu({title:"contextmenu.align"});i.add({title:"contextmenu.left",icon:"justifyleft",cmd:"JustifyLeft"});i.add({title:"contextmenu.center",icon:"justifycenter",cmd:"JustifyCenter"});i.add({title:"contextmenu.right",icon:"justifyright",cmd:"JustifyRight"});i.add({title:"contextmenu.full",icon:"justifyfull",cmd:"JustifyFull"});g.onContextMenu.dispatch(g,d,h,f);return d}});tinymce.PluginManager.add("contextmenu",tinymce.plugins.ContextMenu)})(); |
New file |
| | |
| | | /**
|
| | | * editor_plugin_src.js
|
| | | *
|
| | | * Copyright 2009, Moxiecode Systems AB
|
| | | * Released under LGPL License.
|
| | | *
|
| | | * License: http://tinymce.moxiecode.com/license
|
| | | * Contributing: http://tinymce.moxiecode.com/contributing
|
| | | */
|
| | |
|
| | | (function() {
|
| | | var Event = tinymce.dom.Event, each = tinymce.each, DOM = tinymce.DOM;
|
| | |
|
| | | /**
|
| | | * This plugin a context menu to TinyMCE editor instances.
|
| | | *
|
| | | * @class tinymce.plugins.ContextMenu
|
| | | */
|
| | | tinymce.create('tinymce.plugins.ContextMenu', {
|
| | | /**
|
| | | * Initializes the plugin, this will be executed after the plugin has been created.
|
| | | * This call is done before the editor instance has finished it's initialization so use the onInit event
|
| | | * of the editor instance to intercept that event.
|
| | | *
|
| | | * @method init
|
| | | * @param {tinymce.Editor} ed Editor instance that the plugin is initialized in.
|
| | | * @param {string} url Absolute URL to where the plugin is located.
|
| | | */
|
| | | init : function(ed) {
|
| | | var t = this, showMenu, contextmenuNeverUseNative, realCtrlKey;
|
| | |
|
| | | t.editor = ed;
|
| | |
|
| | | contextmenuNeverUseNative = ed.settings.contextmenu_never_use_native;
|
| | |
|
| | | /**
|
| | | * This event gets fired when the context menu is shown.
|
| | | *
|
| | | * @event onContextMenu
|
| | | * @param {tinymce.plugins.ContextMenu} sender Plugin instance sending the event.
|
| | | * @param {tinymce.ui.DropMenu} menu Drop down menu to fill with more items if needed.
|
| | | */
|
| | | t.onContextMenu = new tinymce.util.Dispatcher(this);
|
| | |
|
| | | showMenu = ed.onContextMenu.add(function(ed, e) {
|
| | | // Block TinyMCE menu on ctrlKey and work around Safari issue
|
| | | if ((realCtrlKey !== 0 ? realCtrlKey : e.ctrlKey) && !contextmenuNeverUseNative)
|
| | | return;
|
| | |
|
| | | Event.cancel(e);
|
| | |
|
| | | // Select the image if it's clicked. WebKit would other wise expand the selection
|
| | | if (e.target.nodeName == 'IMG')
|
| | | ed.selection.select(e.target);
|
| | |
|
| | | t._getMenu(ed).showMenu(e.clientX || e.pageX, e.clientY || e.pageY);
|
| | | Event.add(ed.getDoc(), 'click', function(e) {
|
| | | hide(ed, e);
|
| | | });
|
| | |
|
| | | ed.nodeChanged();
|
| | | });
|
| | |
|
| | | ed.onRemove.add(function() {
|
| | | if (t._menu)
|
| | | t._menu.removeAll();
|
| | | });
|
| | |
|
| | | function hide(ed, e) {
|
| | | realCtrlKey = 0;
|
| | |
|
| | | // Since the contextmenu event moves
|
| | | // the selection we need to store it away
|
| | | if (e && e.button == 2) {
|
| | | realCtrlKey = e.ctrlKey;
|
| | | return;
|
| | | }
|
| | |
|
| | | if (t._menu) {
|
| | | t._menu.removeAll();
|
| | | t._menu.destroy();
|
| | | Event.remove(ed.getDoc(), 'click', hide);
|
| | | }
|
| | | };
|
| | |
|
| | | ed.onMouseDown.add(hide);
|
| | | ed.onKeyDown.add(hide);
|
| | | ed.onKeyDown.add(function(ed, e) {
|
| | | if (e.shiftKey && !e.ctrlKey && !e.altKey && e.keyCode === 121) {
|
| | | Event.cancel(e);
|
| | | showMenu(ed, e);
|
| | | }
|
| | | });
|
| | | },
|
| | |
|
| | | /**
|
| | | * Returns information about the plugin as a name/value array.
|
| | | * The current keys are longname, author, authorurl, infourl and version.
|
| | | *
|
| | | * @method getInfo
|
| | | * @return {Object} Name/value array containing information about the plugin.
|
| | | */
|
| | | getInfo : function() {
|
| | | return {
|
| | | longname : 'Contextmenu',
|
| | | author : 'Moxiecode Systems AB',
|
| | | authorurl : 'http://tinymce.moxiecode.com',
|
| | | infourl : 'http://wiki.moxiecode.com/index.php/TinyMCE:Plugins/contextmenu',
|
| | | version : tinymce.majorVersion + "." + tinymce.minorVersion
|
| | | };
|
| | | },
|
| | |
|
| | | _getMenu : function(ed) {
|
| | | var t = this, m = t._menu, se = ed.selection, col = se.isCollapsed(), el = se.getNode() || ed.getBody(), am, p;
|
| | |
|
| | | if (m) {
|
| | | m.removeAll();
|
| | | m.destroy();
|
| | | }
|
| | |
|
| | | p = DOM.getPos(ed.getContentAreaContainer());
|
| | |
|
| | | m = ed.controlManager.createDropMenu('contextmenu', {
|
| | | offset_x : p.x + ed.getParam('contextmenu_offset_x', 0),
|
| | | offset_y : p.y + ed.getParam('contextmenu_offset_y', 0),
|
| | | constrain : 1,
|
| | | keyboard_focus: true
|
| | | });
|
| | |
|
| | | t._menu = m;
|
| | |
|
| | | m.add({title : 'advanced.cut_desc', icon : 'cut', cmd : 'Cut'}).setDisabled(col);
|
| | | m.add({title : 'advanced.copy_desc', icon : 'copy', cmd : 'Copy'}).setDisabled(col);
|
| | | m.add({title : 'advanced.paste_desc', icon : 'paste', cmd : 'Paste'});
|
| | |
|
| | | if ((el.nodeName == 'A' && !ed.dom.getAttrib(el, 'name')) || !col) {
|
| | | m.addSeparator();
|
| | | m.add({title : 'advanced.link_desc', icon : 'link', cmd : ed.plugins.advlink ? 'mceAdvLink' : 'mceLink', ui : true});
|
| | | m.add({title : 'advanced.unlink_desc', icon : 'unlink', cmd : 'UnLink'});
|
| | | }
|
| | |
|
| | | m.addSeparator();
|
| | | m.add({title : 'advanced.image_desc', icon : 'image', cmd : ed.plugins.advimage ? 'mceAdvImage' : 'mceImage', ui : true});
|
| | |
|
| | | m.addSeparator();
|
| | | am = m.addMenu({title : 'contextmenu.align'});
|
| | | am.add({title : 'contextmenu.left', icon : 'justifyleft', cmd : 'JustifyLeft'});
|
| | | am.add({title : 'contextmenu.center', icon : 'justifycenter', cmd : 'JustifyCenter'});
|
| | | am.add({title : 'contextmenu.right', icon : 'justifyright', cmd : 'JustifyRight'});
|
| | | am.add({title : 'contextmenu.full', icon : 'justifyfull', cmd : 'JustifyFull'});
|
| | |
|
| | | t.onContextMenu.dispatch(t, m, el, col);
|
| | |
|
| | | return m;
|
| | | }
|
| | | });
|
| | |
|
| | | // Register plugin
|
| | | tinymce.PluginManager.add('contextmenu', tinymce.plugins.ContextMenu);
|
| | | })();
|
New file |
| | |
| | | (function(){tinymce.create("tinymce.plugins.Directionality",{init:function(a,b){var c=this;c.editor=a;a.addCommand("mceDirectionLTR",function(){var d=a.dom.getParent(a.selection.getNode(),a.dom.isBlock);if(d){if(a.dom.getAttrib(d,"dir")!="ltr"){a.dom.setAttrib(d,"dir","ltr")}else{a.dom.setAttrib(d,"dir","")}}a.nodeChanged()});a.addCommand("mceDirectionRTL",function(){var d=a.dom.getParent(a.selection.getNode(),a.dom.isBlock);if(d){if(a.dom.getAttrib(d,"dir")!="rtl"){a.dom.setAttrib(d,"dir","rtl")}else{a.dom.setAttrib(d,"dir","")}}a.nodeChanged()});a.addButton("ltr",{title:"directionality.ltr_desc",cmd:"mceDirectionLTR"});a.addButton("rtl",{title:"directionality.rtl_desc",cmd:"mceDirectionRTL"});a.onNodeChange.add(c._nodeChange,c)},getInfo:function(){return{longname:"Directionality",author:"Moxiecode Systems AB",authorurl:"http://tinymce.moxiecode.com",infourl:"http://wiki.moxiecode.com/index.php/TinyMCE:Plugins/directionality",version:tinymce.majorVersion+"."+tinymce.minorVersion}},_nodeChange:function(b,a,e){var d=b.dom,c;e=d.getParent(e,d.isBlock);if(!e){a.setDisabled("ltr",1);a.setDisabled("rtl",1);return}c=d.getAttrib(e,"dir");a.setActive("ltr",c=="ltr");a.setDisabled("ltr",0);a.setActive("rtl",c=="rtl");a.setDisabled("rtl",0)}});tinymce.PluginManager.add("directionality",tinymce.plugins.Directionality)})(); |
New file |
| | |
| | | /**
|
| | | * editor_plugin_src.js
|
| | | *
|
| | | * Copyright 2009, Moxiecode Systems AB
|
| | | * Released under LGPL License.
|
| | | *
|
| | | * License: http://tinymce.moxiecode.com/license
|
| | | * Contributing: http://tinymce.moxiecode.com/contributing
|
| | | */
|
| | |
|
| | | (function() {
|
| | | tinymce.create('tinymce.plugins.Directionality', {
|
| | | init : function(ed, url) {
|
| | | var t = this;
|
| | |
|
| | | t.editor = ed;
|
| | |
|
| | | ed.addCommand('mceDirectionLTR', function() {
|
| | | var e = ed.dom.getParent(ed.selection.getNode(), ed.dom.isBlock);
|
| | |
|
| | | if (e) {
|
| | | if (ed.dom.getAttrib(e, "dir") != "ltr")
|
| | | ed.dom.setAttrib(e, "dir", "ltr");
|
| | | else
|
| | | ed.dom.setAttrib(e, "dir", "");
|
| | | }
|
| | |
|
| | | ed.nodeChanged();
|
| | | });
|
| | |
|
| | | ed.addCommand('mceDirectionRTL', function() {
|
| | | var e = ed.dom.getParent(ed.selection.getNode(), ed.dom.isBlock);
|
| | |
|
| | | if (e) {
|
| | | if (ed.dom.getAttrib(e, "dir") != "rtl")
|
| | | ed.dom.setAttrib(e, "dir", "rtl");
|
| | | else
|
| | | ed.dom.setAttrib(e, "dir", "");
|
| | | }
|
| | |
|
| | | ed.nodeChanged();
|
| | | });
|
| | |
|
| | | ed.addButton('ltr', {title : 'directionality.ltr_desc', cmd : 'mceDirectionLTR'});
|
| | | ed.addButton('rtl', {title : 'directionality.rtl_desc', cmd : 'mceDirectionRTL'});
|
| | |
|
| | | ed.onNodeChange.add(t._nodeChange, t);
|
| | | },
|
| | |
|
| | | getInfo : function() {
|
| | | return {
|
| | | longname : 'Directionality',
|
| | | author : 'Moxiecode Systems AB',
|
| | | authorurl : 'http://tinymce.moxiecode.com',
|
| | | infourl : 'http://wiki.moxiecode.com/index.php/TinyMCE:Plugins/directionality',
|
| | | version : tinymce.majorVersion + "." + tinymce.minorVersion
|
| | | };
|
| | | },
|
| | |
|
| | | // Private methods
|
| | |
|
| | | _nodeChange : function(ed, cm, n) {
|
| | | var dom = ed.dom, dir;
|
| | |
|
| | | n = dom.getParent(n, dom.isBlock);
|
| | | if (!n) {
|
| | | cm.setDisabled('ltr', 1);
|
| | | cm.setDisabled('rtl', 1);
|
| | | return;
|
| | | }
|
| | |
|
| | | dir = dom.getAttrib(n, 'dir');
|
| | | cm.setActive('ltr', dir == "ltr");
|
| | | cm.setDisabled('ltr', 0);
|
| | | cm.setActive('rtl', dir == "rtl");
|
| | | cm.setDisabled('rtl', 0);
|
| | | }
|
| | | });
|
| | |
|
| | | // Register plugin
|
| | | tinymce.PluginManager.add('directionality', tinymce.plugins.Directionality);
|
| | | })(); |
New file |
| | |
| | | (function(a){a.create("tinymce.plugins.EmotionsPlugin",{init:function(b,c){b.addCommand("mceEmotion",function(){b.windowManager.open({file:c+"/emotions.htm",width:250+parseInt(b.getLang("emotions.delta_width",0)),height:160+parseInt(b.getLang("emotions.delta_height",0)),inline:1},{plugin_url:c})});b.addButton("emotions",{title:"emotions.emotions_desc",cmd:"mceEmotion"})},getInfo:function(){return{longname:"Emotions",author:"Moxiecode Systems AB",authorurl:"http://tinymce.moxiecode.com",infourl:"http://wiki.moxiecode.com/index.php/TinyMCE:Plugins/emotions",version:a.majorVersion+"."+a.minorVersion}}});a.PluginManager.add("emotions",a.plugins.EmotionsPlugin)})(tinymce); |
New file |
| | |
| | | /**
|
| | | * editor_plugin_src.js
|
| | | *
|
| | | * Copyright 2009, Moxiecode Systems AB
|
| | | * Released under LGPL License.
|
| | | *
|
| | | * License: http://tinymce.moxiecode.com/license
|
| | | * Contributing: http://tinymce.moxiecode.com/contributing
|
| | | */
|
| | |
|
| | | (function(tinymce) {
|
| | | tinymce.create('tinymce.plugins.EmotionsPlugin', {
|
| | | init : function(ed, url) {
|
| | | // Register commands
|
| | | ed.addCommand('mceEmotion', function() {
|
| | | ed.windowManager.open({
|
| | | file : url + '/emotions.htm',
|
| | | width : 250 + parseInt(ed.getLang('emotions.delta_width', 0)),
|
| | | height : 160 + parseInt(ed.getLang('emotions.delta_height', 0)),
|
| | | inline : 1
|
| | | }, {
|
| | | plugin_url : url
|
| | | });
|
| | | });
|
| | |
|
| | | // Register buttons
|
| | | ed.addButton('emotions', {title : 'emotions.emotions_desc', cmd : 'mceEmotion'});
|
| | | },
|
| | |
|
| | | getInfo : function() {
|
| | | return {
|
| | | longname : 'Emotions',
|
| | | author : 'Moxiecode Systems AB',
|
| | | authorurl : 'http://tinymce.moxiecode.com',
|
| | | infourl : 'http://wiki.moxiecode.com/index.php/TinyMCE:Plugins/emotions',
|
| | | version : tinymce.majorVersion + "." + tinymce.minorVersion
|
| | | };
|
| | | }
|
| | | });
|
| | |
|
| | | // Register plugin
|
| | | tinymce.PluginManager.add('emotions', tinymce.plugins.EmotionsPlugin);
|
| | | })(tinymce); |
New file |
| | |
| | | <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
| | | <html xmlns="http://www.w3.org/1999/xhtml">
|
| | | <head>
|
| | | <title>{#emotions_dlg.title}</title>
|
| | | <script type="text/javascript" src="../../tiny_mce_popup.js"></script>
|
| | | <script type="text/javascript" src="js/emotions.js"></script>
|
| | | </head>
|
| | | <body style="display: none" role="application" aria-labelledby="app_title">
|
| | | <span style="display:none;" id="app_title">{#emotions_dlg.title}</span>
|
| | | <div align="center">
|
| | | <div class="title">{#emotions_dlg.title}:<br /><br /></div>
|
| | |
|
| | | <table role="presentation" border="0" cellspacing="0" cellpadding="4">
|
| | | <tr>
|
| | | <td><a href="javascript:EmotionsDialog.insert('smiley-cool.gif','emotions_dlg.cool');"><img src="img/smiley-cool.gif" width="18" height="18" border="0" alt="{#emotions_dlg.cool}" title="{#emotions_dlg.cool}" /></a></td>
|
| | | <td><a href="javascript:EmotionsDialog.insert('smiley-cry.gif','emotions_dlg.cry');"><img src="img/smiley-cry.gif" width="18" height="18" border="0" alt="{#emotions_dlg.cry}" title="{#emotions_dlg.cry}" /></a></td>
|
| | | <td><a href="javascript:EmotionsDialog.insert('smiley-embarassed.gif','emotions_dlg.embarassed');"><img src="img/smiley-embarassed.gif" width="18" height="18" border="0" alt="{#emotions_dlg.embarassed}" title="{#emotions_dlg.embarassed}" /></a></td>
|
| | | <td><a href="javascript:EmotionsDialog.insert('smiley-foot-in-mouth.gif','emotions_dlg.foot_in_mouth');"><img src="img/smiley-foot-in-mouth.gif" width="18" height="18" border="0" alt="{#emotions_dlg.foot_in_mouth}" title="{#emotions_dlg.foot_in_mouth}" /></a></td>
|
| | | </tr>
|
| | | <tr>
|
| | | <td><a href="javascript:EmotionsDialog.insert('smiley-frown.gif','emotions_dlg.frown');"><img src="img/smiley-frown.gif" width="18" height="18" border="0" alt="{#emotions_dlg.frown}" title="{#emotions_dlg.frown}" /></a></td>
|
| | | <td><a href="javascript:EmotionsDialog.insert('smiley-innocent.gif','emotions_dlg.innocent');"><img src="img/smiley-innocent.gif" width="18" height="18" border="0" alt="{#emotions_dlg.innocent}" title="{#emotions_dlg.innocent}" /></a></td>
|
| | | <td><a href="javascript:EmotionsDialog.insert('smiley-kiss.gif','emotions_dlg.kiss');"><img src="img/smiley-kiss.gif" width="18" height="18" border="0" alt="{#emotions_dlg.kiss}" title="{#emotions_dlg.kiss}" /></a></td>
|
| | | <td><a href="javascript:EmotionsDialog.insert('smiley-laughing.gif','emotions_dlg.laughing');"><img src="img/smiley-laughing.gif" width="18" height="18" border="0" alt="{#emotions_dlg.laughing}" title="{#emotions_dlg.laughing}" /></a></td>
|
| | | </tr>
|
| | | <tr>
|
| | | <td><a href="javascript:EmotionsDialog.insert('smiley-money-mouth.gif','emotions_dlg.money_mouth');"><img src="img/smiley-money-mouth.gif" width="18" height="18" border="0" alt="{#emotions_dlg.money_mouth}" title="{#emotions_dlg.money_mouth}" /></a></td>
|
| | | <td><a href="javascript:EmotionsDialog.insert('smiley-sealed.gif','emotions_dlg.sealed');"><img src="img/smiley-sealed.gif" width="18" height="18" border="0" alt="{#emotions_dlg.sealed}" title="{#emotions_dlg.sealed}" /></a></td>
|
| | | <td><a href="javascript:EmotionsDialog.insert('smiley-smile.gif','emotions_dlg.smile');"><img src="img/smiley-smile.gif" width="18" height="18" border="0" alt="{#emotions_dlg.smile}" title="{#emotions_dlg.smile}" /></a></td>
|
| | | <td><a href="javascript:EmotionsDialog.insert('smiley-surprised.gif','emotions_dlg.surprised');"><img src="img/smiley-surprised.gif" width="18" height="18" border="0" alt="{#emotions_dlg.surprised}" title="{#emotions_dlg.surprised}" /></a></td>
|
| | | </tr>
|
| | | <tr>
|
| | | <td><a href="javascript:EmotionsDialog.insert('smiley-tongue-out.gif','emotions_dlg.tongue_out');"><img src="img/smiley-tongue-out.gif" width="18" height="18" border="0" alt="{#emotions_dlg.tongue-out}" title="{#emotions_dlg.tongue_out}" /></a></td>
|
| | | <td><a href="javascript:EmotionsDialog.insert('smiley-undecided.gif','emotions_dlg.undecided');"><img src="img/smiley-undecided.gif" width="18" height="18" border="0" alt="{#emotions_dlg.undecided}" title="{#emotions_dlg.undecided}" /></a></td>
|
| | | <td><a href="javascript:EmotionsDialog.insert('smiley-wink.gif','emotions_dlg.wink');"><img src="img/smiley-wink.gif" width="18" height="18" border="0" alt="{#emotions_dlg.wink}" title="{#emotions_dlg.wink}" /></a></td>
|
| | | <td><a href="javascript:EmotionsDialog.insert('smiley-yell.gif','emotions_dlg.yell');"><img src="img/smiley-yell.gif" width="18" height="18" border="0" alt="{#emotions_dlg.yell}" title="{#emotions_dlg.yell}" /></a></td>
|
| | | </tr>
|
| | | </table>
|
| | | </div>
|
| | | </body>
|
| | | </html>
|
New file |
| | |
| | | tinyMCEPopup.requireLangPack();
|
| | |
|
| | | var EmotionsDialog = {
|
| | | 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(EmotionsDialog.init, EmotionsDialog);
|
New file |
| | |
| | | tinyMCE.addI18n('en.emotions_dlg',{cry:"Cry",cool:"Cool",desc:"Emotions",title:"Insert Emotion",yell:"Yell",wink:"Wink",undecided:"Undecided","tongue_out":"Tongue Out",surprised:"Surprised",smile:"Smile",sealed:"Sealed","money_mouth":"Money Mouth",laughing:"Laughing",kiss:"Kiss",innocent:"Innocent",frown:"Frown","foot_in_mouth":"Foot in Mouth",embarassed:"Embarassed"}); |
New file |
| | |
| | | <!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>{#example_dlg.title}</title>
|
| | | <script type="text/javascript" src="../../tiny_mce_popup.js"></script>
|
| | | <script type="text/javascript" src="js/dialog.js"></script>
|
| | | </head>
|
| | | <body>
|
| | |
|
| | | <form onsubmit="ExampleDialog.insert();return false;" action="#">
|
| | | <p>Here is a example dialog.</p>
|
| | | <p>Selected text: <input id="someval" name="someval" type="text" class="text" /></p>
|
| | | <p>Custom arg: <input id="somearg" name="somearg" type="text" class="text" /></p>
|
| | |
|
| | | <div class="mceActionPanel">
|
| | | <input type="button" id="insert" name="insert" value="{#insert}" onclick="ExampleDialog.insert();" />
|
| | | <input type="button" id="cancel" name="cancel" value="{#cancel}" onclick="tinyMCEPopup.close();" />
|
| | | </div>
|
| | | </form>
|
| | |
|
| | | </body>
|
| | | </html>
|
New file |
| | |
| | | (function(){tinymce.PluginManager.requireLangPack("example");tinymce.create("tinymce.plugins.ExamplePlugin",{init:function(a,b){a.addCommand("mceExample",function(){a.windowManager.open({file:b+"/dialog.htm",width:320+parseInt(a.getLang("example.delta_width",0)),height:120+parseInt(a.getLang("example.delta_height",0)),inline:1},{plugin_url:b,some_custom_arg:"custom arg"})});a.addButton("example",{title:"example.desc",cmd:"mceExample",image:b+"/img/example.gif"});a.onNodeChange.add(function(d,c,e){c.setActive("example",e.nodeName=="IMG")})},createControl:function(b,a){return null},getInfo:function(){return{longname:"Example plugin",author:"Some author",authorurl:"http://tinymce.moxiecode.com",infourl:"http://wiki.moxiecode.com/index.php/TinyMCE:Plugins/example",version:"1.0"}}});tinymce.PluginManager.add("example",tinymce.plugins.ExamplePlugin)})(); |
New file |
| | |
| | | /**
|
| | | * editor_plugin_src.js
|
| | | *
|
| | | * Copyright 2009, Moxiecode Systems AB
|
| | | * Released under LGPL License.
|
| | | *
|
| | | * License: http://tinymce.moxiecode.com/license
|
| | | * Contributing: http://tinymce.moxiecode.com/contributing
|
| | | */
|
| | |
|
| | | (function() {
|
| | | // Load plugin specific language pack
|
| | | tinymce.PluginManager.requireLangPack('example');
|
| | |
|
| | | tinymce.create('tinymce.plugins.ExamplePlugin', {
|
| | | /**
|
| | | * Initializes the plugin, this will be executed after the plugin has been created.
|
| | | * This call is done before the editor instance has finished it's initialization so use the onInit event
|
| | | * of the editor instance to intercept that event.
|
| | | *
|
| | | * @param {tinymce.Editor} ed Editor instance that the plugin is initialized in.
|
| | | * @param {string} url Absolute URL to where the plugin is located.
|
| | | */
|
| | | init : function(ed, url) {
|
| | | // Register the command so that it can be invoked by using tinyMCE.activeEditor.execCommand('mceExample');
|
| | | ed.addCommand('mceExample', function() {
|
| | | ed.windowManager.open({
|
| | | file : url + '/dialog.htm',
|
| | | width : 320 + parseInt(ed.getLang('example.delta_width', 0)),
|
| | | height : 120 + parseInt(ed.getLang('example.delta_height', 0)),
|
| | | inline : 1
|
| | | }, {
|
| | | plugin_url : url, // Plugin absolute URL
|
| | | some_custom_arg : 'custom arg' // Custom argument
|
| | | });
|
| | | });
|
| | |
|
| | | // Register example button
|
| | | ed.addButton('example', {
|
| | | title : 'example.desc',
|
| | | cmd : 'mceExample',
|
| | | image : url + '/img/example.gif'
|
| | | });
|
| | |
|
| | | // Add a node change handler, selects the button in the UI when a image is selected
|
| | | ed.onNodeChange.add(function(ed, cm, n) {
|
| | | cm.setActive('example', n.nodeName == 'IMG');
|
| | | });
|
| | | },
|
| | |
|
| | | /**
|
| | | * Creates control instances based in the incomming name. This method is normally not
|
| | | * needed since the addButton method of the tinymce.Editor class is a more easy way of adding buttons
|
| | | * but you sometimes need to create more complex controls like listboxes, split buttons etc then this
|
| | | * method can be used to create those.
|
| | | *
|
| | | * @param {String} n Name of the control to create.
|
| | | * @param {tinymce.ControlManager} cm Control manager to use inorder to create new control.
|
| | | * @return {tinymce.ui.Control} New control instance or null if no control was created.
|
| | | */
|
| | | createControl : function(n, cm) {
|
| | | return null;
|
| | | },
|
| | |
|
| | | /**
|
| | | * Returns information about the plugin as a name/value array.
|
| | | * The current keys are longname, author, authorurl, infourl and version.
|
| | | *
|
| | | * @return {Object} Name/value array containing information about the plugin.
|
| | | */
|
| | | getInfo : function() {
|
| | | return {
|
| | | longname : 'Example plugin',
|
| | | author : 'Some author',
|
| | | authorurl : 'http://tinymce.moxiecode.com',
|
| | | infourl : 'http://wiki.moxiecode.com/index.php/TinyMCE:Plugins/example',
|
| | | version : "1.0"
|
| | | };
|
| | | }
|
| | | });
|
| | |
|
| | | // Register plugin
|
| | | tinymce.PluginManager.add('example', tinymce.plugins.ExamplePlugin);
|
| | | })(); |
New file |
| | |
| | | tinyMCEPopup.requireLangPack();
|
| | |
|
| | | var ExampleDialog = {
|
| | | init : function() {
|
| | | var f = document.forms[0];
|
| | |
|
| | | // Get the selected contents as text and place it in the input
|
| | | f.someval.value = tinyMCEPopup.editor.selection.getContent({format : 'text'});
|
| | | f.somearg.value = tinyMCEPopup.getWindowArg('some_custom_arg');
|
| | | },
|
| | |
|
| | | insert : function() {
|
| | | // Insert the contents from the input into the document
|
| | | tinyMCEPopup.editor.execCommand('mceInsertContent', false, document.forms[0].someval.value);
|
| | | tinyMCEPopup.close();
|
| | | }
|
| | | };
|
| | |
|
| | | tinyMCEPopup.onInit.add(ExampleDialog.init, ExampleDialog);
|
New file |
| | |
| | | tinyMCE.addI18n('en.example',{
|
| | | desc : 'This is just a template button'
|
| | | });
|
New file |
| | |
| | | tinyMCE.addI18n('en.example_dlg',{
|
| | | title : 'This is just a example title'
|
| | | });
|
New file |
| | |
| | | (function(){tinymce.create("tinymce.plugins.ExampleDependencyPlugin",{init:function(a,b){},getInfo:function(){return{longname:"Example Dependency plugin",author:"Some author",authorurl:"http://tinymce.moxiecode.com",infourl:"http://wiki.moxiecode.com/index.php/TinyMCE:Plugins/example_dependency",version:"1.0"}}});tinymce.PluginManager.add("example_dependency",tinymce.plugins.ExampleDependencyPlugin,["example"])})(); |
New file |
| | |
| | | /** |
| | | * editor_plugin_src.js |
| | | * |
| | | * Copyright 2009, Moxiecode Systems AB |
| | | * Released under LGPL License. |
| | | * |
| | | * License: http://tinymce.moxiecode.com/license |
| | | * Contributing: http://tinymce.moxiecode.com/contributing |
| | | */ |
| | | |
| | | (function() { |
| | | |
| | | tinymce.create('tinymce.plugins.ExampleDependencyPlugin', { |
| | | /** |
| | | * Initializes the plugin, this will be executed after the plugin has been created. |
| | | * This call is done before the editor instance has finished it's initialization so use the onInit event |
| | | * of the editor instance to intercept that event. |
| | | * |
| | | * @param {tinymce.Editor} ed Editor instance that the plugin is initialized in. |
| | | * @param {string} url Absolute URL to where the plugin is located. |
| | | */ |
| | | init : function(ed, url) { |
| | | }, |
| | | |
| | | |
| | | /** |
| | | * Returns information about the plugin as a name/value array. |
| | | * The current keys are longname, author, authorurl, infourl and version. |
| | | * |
| | | * @return {Object} Name/value array containing information about the plugin. |
| | | */ |
| | | getInfo : function() { |
| | | return { |
| | | longname : 'Example Dependency plugin', |
| | | author : 'Some author', |
| | | authorurl : 'http://tinymce.moxiecode.com', |
| | | infourl : 'http://wiki.moxiecode.com/index.php/TinyMCE:Plugins/example_dependency', |
| | | version : "1.0" |
| | | }; |
| | | } |
| | | }); |
| | | |
| | | /** |
| | | * Register the plugin, specifying the list of the plugins that this plugin depends on. They are specified in a list, with the list loaded in order. |
| | | * plugins in this list will be initialised when this plugin is initialized. (before the init method is called). |
| | | * plugins in a depends list should typically be specified using the short name). If neccesary this can be done |
| | | * with an object which has the url to the plugin and the shortname. |
| | | */ |
| | | tinymce.PluginManager.add('example_dependency', tinymce.plugins.ExampleDependencyPlugin, ['example']); |
| | | })(); |
New file |
| | |
| | | /* Hide the advanced tab */
|
| | | #advanced_tab {
|
| | | display: none;
|
| | | }
|
| | |
|
| | | #metatitle, #metakeywords, #metadescription, #metaauthor, #metacopyright {
|
| | | width: 280px;
|
| | | }
|
| | |
|
| | | #doctype, #docencoding {
|
| | | width: 200px;
|
| | | }
|
| | |
|
| | | #langcode {
|
| | | width: 30px;
|
| | | }
|
| | |
|
| | | #bgimage {
|
| | | width: 220px; |
| | | }
|
| | |
|
| | | #fontface {
|
| | | width: 240px;
|
| | | }
|
| | |
|
| | | #leftmargin, #rightmargin, #topmargin, #bottommargin {
|
| | | width: 50px;
|
| | | }
|
| | |
|
| | | .panel_wrapper div.current {
|
| | | height: 400px;
|
| | | }
|
| | |
|
| | | #stylesheet, #style {
|
| | | width: 240px;
|
| | | }
|
| | |
|
| | | #doctypes {
|
| | | width: 200px;
|
| | | }
|
| | |
|
| | | /* Head list classes */
|
| | |
|
| | | .headlistwrapper {
|
| | | width: 100%;
|
| | | }
|
| | |
|
| | | .selected {
|
| | | border: 1px solid #0A246A;
|
| | | background-color: #B6BDD2;
|
| | | }
|
| | |
|
| | | .toolbar {
|
| | | width: 100%;
|
| | | }
|
| | |
|
| | | #headlist {
|
| | | width: 100%;
|
| | | margin-top: 3px;
|
| | | font-size: 11px;
|
| | | }
|
| | |
|
| | | #info, #title_element, #meta_element, #script_element, #style_element, #base_element, #link_element, #comment_element, #unknown_element {
|
| | | display: none;
|
| | | }
|
| | |
|
| | | #addmenu {
|
| | | position: absolute;
|
| | | border: 1px solid gray;
|
| | | display: none;
|
| | | z-index: 100;
|
| | | background-color: white;
|
| | | }
|
| | |
|
| | | #addmenu a {
|
| | | display: block;
|
| | | width: 100%;
|
| | | line-height: 20px;
|
| | | text-decoration: none;
|
| | | background-color: white;
|
| | | }
|
| | |
|
| | | #addmenu a:hover {
|
| | | background-color: #B6BDD2;
|
| | | color: black;
|
| | | }
|
| | |
|
| | | #addmenu span {
|
| | | padding-left: 10px;
|
| | | padding-right: 10px;
|
| | | }
|
| | |
|
| | | #updateElementPanel {
|
| | | display: none;
|
| | | }
|
| | |
|
| | | #script_element .panel_wrapper div.current {
|
| | | height: 108px;
|
| | | }
|
| | |
|
| | | #style_element .panel_wrapper div.current {
|
| | | height: 108px;
|
| | | }
|
| | |
|
| | | #link_element .panel_wrapper div.current {
|
| | | height: 140px;
|
| | | }
|
| | |
|
| | | #element_script_value {
|
| | | width: 100%;
|
| | | height: 100px;
|
| | | }
|
| | |
|
| | | #element_comment_value {
|
| | | width: 100%;
|
| | | height: 120px;
|
| | | }
|
| | |
|
| | | #element_style_value {
|
| | | width: 100%;
|
| | | height: 100px;
|
| | | }
|
| | |
|
| | | #element_title, #element_script_src, #element_meta_name, #element_meta_content, #element_base_href, #element_link_href, #element_link_title {
|
| | | width: 250px;
|
| | | }
|
| | |
|
| | | .updateElementButton {
|
| | | margin-top: 3px;
|
| | | }
|
| | |
|
| | | /* MSIE specific styles */
|
| | |
|
| | | * html .addbutton, * html .removebutton, * html .moveupbutton, * html .movedownbutton {
|
| | | width: 22px;
|
| | | height: 22px;
|
| | | }
|
| | |
|
| | | textarea {
|
| | | height: 55px;
|
| | | }
|
| | |
|
| | | .panel_wrapper div.current {height:420px;} |
New file |
| | |
| | | (function(){var b=tinymce.each,a=tinymce.html.Node;tinymce.create("tinymce.plugins.FullPagePlugin",{init:function(c,d){var e=this;e.editor=c;c.addCommand("mceFullPageProperties",function(){c.windowManager.open({file:d+"/fullpage.htm",width:430+parseInt(c.getLang("fullpage.delta_width",0)),height:495+parseInt(c.getLang("fullpage.delta_height",0)),inline:1},{plugin_url:d,data:e._htmlToData()})});c.addButton("fullpage",{title:"fullpage.desc",cmd:"mceFullPageProperties"});c.onBeforeSetContent.add(e._setContent,e);c.onGetContent.add(e._getContent,e)},getInfo:function(){return{longname:"Fullpage",author:"Moxiecode Systems AB",authorurl:"http://tinymce.moxiecode.com",infourl:"http://wiki.moxiecode.com/index.php/TinyMCE:Plugins/fullpage",version:tinymce.majorVersion+"."+tinymce.minorVersion}},_htmlToData:function(){var f=this._parseHeader(),h={},c,i,g,e=this.editor;function d(l,j){var k=l.attr(j);return k||""}h.fontface=e.getParam("fullpage_default_fontface","");h.fontsize=e.getParam("fullpage_default_fontsize","");i=f.firstChild;if(i.type==7){h.xml_pi=true;g=/encoding="([^"]+)"/.exec(i.value);if(g){h.docencoding=g[1]}}i=f.getAll("#doctype")[0];if(i){h.doctype="<!DOCTYPE"+i.value+">"}i=f.getAll("title")[0];if(i&&i.firstChild){h.metatitle=i.firstChild.value}b(f.getAll("meta"),function(m){var k=m.attr("name"),j=m.attr("http-equiv"),l;if(k){h["meta"+k.toLowerCase()]=m.attr("content")}else{if(j=="Content-Type"){l=/charset\s*=\s*(.*)\s*/gi.exec(m.attr("content"));if(l){h.docencoding=l[1]}}}});i=f.getAll("html")[0];if(i){h.langcode=d(i,"lang")||d(i,"xml:lang")}i=f.getAll("link")[0];if(i&&i.attr("rel")=="stylesheet"){h.stylesheet=i.attr("href")}i=f.getAll("body")[0];if(i){h.langdir=d(i,"dir");h.style=d(i,"style");h.visited_color=d(i,"vlink");h.link_color=d(i,"link");h.active_color=d(i,"alink")}return h},_dataToHtml:function(g){var f,d,h,j,k,e=this.editor.dom;function c(n,l,m){n.attr(l,m?m:undefined)}function i(l){if(d.firstChild){d.insert(l,d.firstChild)}else{d.append(l)}}f=this._parseHeader();d=f.getAll("head")[0];if(!d){j=f.getAll("html")[0];d=new a("head",1);if(j.firstChild){j.insert(d,j.firstChild,true)}else{j.append(d)}}j=f.firstChild;if(g.xml_pi){k='version="1.0"';if(g.docencoding){k+=' encoding="'+g.docencoding+'"'}if(j.type!=7){j=new a("xml",7);f.insert(j,f.firstChild,true)}j.value=k}else{if(j&&j.type==7){j.remove()}}j=f.getAll("#doctype")[0];if(g.doctype){if(!j){j=new a("#doctype",10);if(g.xml_pi){f.insert(j,f.firstChild)}else{i(j)}}j.value=g.doctype.substring(9,g.doctype.length-1)}else{if(j){j.remove()}}j=f.getAll("title")[0];if(g.metatitle){if(!j){j=new a("title",1);j.append(new a("#text",3)).value=g.metatitle;i(j)}}if(g.docencoding){j=null;b(f.getAll("meta"),function(l){if(l.attr("http-equiv")=="Content-Type"){j=l}});if(!j){j=new a("meta",1);j.attr("http-equiv","Content-Type");j.shortEnded=true;i(j)}j.attr("content","text/html; charset="+g.docencoding)}b("keywords,description,author,copyright,robots".split(","),function(m){var l=f.getAll("meta"),n,p,o=g["meta"+m];for(n=0;n<l.length;n++){p=l[n];if(p.attr("name")==m){if(o){p.attr("content",o)}else{p.remove()}return}}if(o){j=new a("meta",1);j.attr("name",m);j.attr("content",o);j.shortEnded=true;i(j)}});j=f.getAll("link")[0];if(j&&j.attr("rel")=="stylesheet"){if(g.stylesheet){j.attr("href",g.stylesheet)}else{j.remove()}}else{if(g.stylesheet){j=new a("link",1);j.attr({rel:"stylesheet",text:"text/css",href:g.stylesheet});j.shortEnded=true;i(j)}}j=f.getAll("body")[0];if(j){c(j,"dir",g.langdir);c(j,"style",g.style);c(j,"vlink",g.visited_color);c(j,"link",g.link_color);c(j,"alink",g.active_color);e.setAttribs(this.editor.getBody(),{style:g.style,dir:g.dir,vLink:g.visited_color,link:g.link_color,aLink:g.active_color})}j=f.getAll("html")[0];if(j){c(j,"lang",g.langcode);c(j,"xml:lang",g.langcode)}h=new tinymce.html.Serializer({validate:false,indent:true,apply_source_formatting:true,indent_before:"head,html,body,meta,title,script,link,style",indent_after:"head,html,body,meta,title,script,link,style"}).serialize(f);this.head=h.substring(0,h.indexOf("</body>"))},_parseHeader:function(){return new tinymce.html.DomParser({validate:false,root_name:"#document"}).parse(this.head)},_setContent:function(g,d){var m=this,i,c,h=d.content,f,l="",e=m.editor.dom,j;function k(n){return n.replace(/<\/?[A-Z]+/g,function(o){return o.toLowerCase()})}if(d.format=="raw"&&m.head){return}if(d.source_view&&g.getParam("fullpage_hide_in_source_view")){return}h=h.replace(/<(\/?)BODY/gi,"<$1body");i=h.indexOf("<body");if(i!=-1){i=h.indexOf(">",i);m.head=k(h.substring(0,i+1));c=h.indexOf("</body",i);if(c==-1){c=h.length}d.content=h.substring(i+1,c);m.foot=k(h.substring(c))}else{m.head=this._getDefaultHeader();m.foot="\n</body>\n</html>"}f=m._parseHeader();b(f.getAll("style"),function(n){if(n.firstChild){l+=n.firstChild.value}});j=f.getAll("body")[0];if(j){e.setAttribs(m.editor.getBody(),{style:j.attr("style")||"",dir:j.attr("dir")||"",vLink:j.attr("vlink")||"",link:j.attr("link")||"",aLink:j.attr("alink")||""})}e.remove("fullpage_styles");if(l){e.add(m.editor.getDoc().getElementsByTagName("head")[0],"style",{id:"fullpage_styles"},l);j=e.get("fullpage_styles");if(j.styleSheet){j.styleSheet.cssText=l}}},_getDefaultHeader:function(){var f="",c=this.editor,e,d="";if(c.getParam("fullpage_default_xml_pi")){f+='<?xml version="1.0" encoding="'+c.getParam("fullpage_default_encoding","ISO-8859-1")+'" ?>\n'}f+=c.getParam("fullpage_default_doctype",'<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">');f+="\n<html>\n<head>\n";if(e=c.getParam("fullpage_default_title")){f+="<title>"+e+"</title>\n"}if(e=c.getParam("fullpage_default_encoding")){f+='<meta http-equiv="Content-Type" content="text/html; charset='+e+'" />\n'}if(e=c.getParam("fullpage_default_font_family")){d+="font-family: "+e+";"}if(e=c.getParam("fullpage_default_font_size")){d+="font-size: "+e+";"}if(e=c.getParam("fullpage_default_text_color")){d+="color: "+e+";"}f+="</head>\n<body"+(d?' style="'+d+'"':"")+">\n";return f},_getContent:function(d,e){var c=this;if(!e.source_view||!d.getParam("fullpage_hide_in_source_view")){e.content=tinymce.trim(c.head)+"\n"+tinymce.trim(e.content)+"\n"+tinymce.trim(c.foot)}}});tinymce.PluginManager.add("fullpage",tinymce.plugins.FullPagePlugin)})(); |
New file |
| | |
| | | /**
|
| | | * editor_plugin_src.js
|
| | | *
|
| | | * Copyright 2009, Moxiecode Systems AB
|
| | | * Released under LGPL License.
|
| | | *
|
| | | * License: http://tinymce.moxiecode.com/license
|
| | | * Contributing: http://tinymce.moxiecode.com/contributing
|
| | | */
|
| | |
|
| | | (function() {
|
| | | var each = tinymce.each, Node = tinymce.html.Node;
|
| | |
|
| | | tinymce.create('tinymce.plugins.FullPagePlugin', {
|
| | | init : function(ed, url) {
|
| | | var t = this;
|
| | |
|
| | | t.editor = ed;
|
| | |
|
| | | // Register commands
|
| | | ed.addCommand('mceFullPageProperties', function() {
|
| | | ed.windowManager.open({
|
| | | file : url + '/fullpage.htm',
|
| | | width : 430 + parseInt(ed.getLang('fullpage.delta_width', 0)),
|
| | | height : 495 + parseInt(ed.getLang('fullpage.delta_height', 0)),
|
| | | inline : 1
|
| | | }, {
|
| | | plugin_url : url,
|
| | | data : t._htmlToData()
|
| | | });
|
| | | });
|
| | |
|
| | | // Register buttons
|
| | | ed.addButton('fullpage', {title : 'fullpage.desc', cmd : 'mceFullPageProperties'});
|
| | |
|
| | | ed.onBeforeSetContent.add(t._setContent, t);
|
| | | ed.onGetContent.add(t._getContent, t);
|
| | | },
|
| | |
|
| | | getInfo : function() {
|
| | | return {
|
| | | longname : 'Fullpage',
|
| | | author : 'Moxiecode Systems AB',
|
| | | authorurl : 'http://tinymce.moxiecode.com',
|
| | | infourl : 'http://wiki.moxiecode.com/index.php/TinyMCE:Plugins/fullpage',
|
| | | version : tinymce.majorVersion + "." + tinymce.minorVersion
|
| | | };
|
| | | },
|
| | |
|
| | | // Private plugin internal methods
|
| | |
|
| | | _htmlToData : function() {
|
| | | var headerFragment = this._parseHeader(), data = {}, nodes, elm, matches, editor = this.editor;
|
| | |
|
| | | function getAttr(elm, name) {
|
| | | var value = elm.attr(name);
|
| | |
|
| | | return value || '';
|
| | | };
|
| | |
|
| | | // Default some values
|
| | | data.fontface = editor.getParam("fullpage_default_fontface", "");
|
| | | data.fontsize = editor.getParam("fullpage_default_fontsize", "");
|
| | |
|
| | | // Parse XML PI
|
| | | elm = headerFragment.firstChild;
|
| | | if (elm.type == 7) {
|
| | | data.xml_pi = true;
|
| | | matches = /encoding="([^"]+)"/.exec(elm.value);
|
| | | if (matches)
|
| | | data.docencoding = matches[1];
|
| | | }
|
| | |
|
| | | // Parse doctype
|
| | | elm = headerFragment.getAll('#doctype')[0];
|
| | | if (elm)
|
| | | data.doctype = '<!DOCTYPE' + elm.value + ">"; |
| | |
|
| | | // Parse title element
|
| | | elm = headerFragment.getAll('title')[0];
|
| | | if (elm && elm.firstChild) {
|
| | | data.metatitle = elm.firstChild.value;
|
| | | }
|
| | |
|
| | | // Parse meta elements
|
| | | each(headerFragment.getAll('meta'), function(meta) {
|
| | | var name = meta.attr('name'), httpEquiv = meta.attr('http-equiv'), matches;
|
| | |
|
| | | if (name)
|
| | | data['meta' + name.toLowerCase()] = meta.attr('content');
|
| | | else if (httpEquiv == "Content-Type") {
|
| | | matches = /charset\s*=\s*(.*)\s*/gi.exec(meta.attr('content'));
|
| | |
|
| | | if (matches)
|
| | | data.docencoding = matches[1];
|
| | | }
|
| | | });
|
| | |
|
| | | // Parse html attribs
|
| | | elm = headerFragment.getAll('html')[0];
|
| | | if (elm)
|
| | | data.langcode = getAttr(elm, 'lang') || getAttr(elm, 'xml:lang');
|
| | | |
| | | // Parse stylesheet
|
| | | elm = headerFragment.getAll('link')[0];
|
| | | if (elm && elm.attr('rel') == 'stylesheet')
|
| | | data.stylesheet = elm.attr('href');
|
| | |
|
| | | // Parse body parts
|
| | | elm = headerFragment.getAll('body')[0];
|
| | | if (elm) {
|
| | | data.langdir = getAttr(elm, 'dir');
|
| | | data.style = getAttr(elm, 'style');
|
| | | data.visited_color = getAttr(elm, 'vlink');
|
| | | data.link_color = getAttr(elm, 'link');
|
| | | data.active_color = getAttr(elm, 'alink');
|
| | | }
|
| | |
|
| | | return data;
|
| | | },
|
| | |
|
| | | _dataToHtml : function(data) {
|
| | | var headerFragment, headElement, html, elm, value, dom = this.editor.dom;
|
| | |
|
| | | function setAttr(elm, name, value) {
|
| | | elm.attr(name, value ? value : undefined);
|
| | | };
|
| | |
|
| | | function addHeadNode(node) {
|
| | | if (headElement.firstChild)
|
| | | headElement.insert(node, headElement.firstChild);
|
| | | else
|
| | | headElement.append(node);
|
| | | };
|
| | |
|
| | | headerFragment = this._parseHeader();
|
| | | headElement = headerFragment.getAll('head')[0];
|
| | | if (!headElement) {
|
| | | elm = headerFragment.getAll('html')[0];
|
| | | headElement = new Node('head', 1);
|
| | |
|
| | | if (elm.firstChild)
|
| | | elm.insert(headElement, elm.firstChild, true);
|
| | | else
|
| | | elm.append(headElement);
|
| | | }
|
| | |
|
| | | // Add/update/remove XML-PI
|
| | | elm = headerFragment.firstChild;
|
| | | if (data.xml_pi) {
|
| | | value = 'version="1.0"';
|
| | |
|
| | | if (data.docencoding)
|
| | | value += ' encoding="' + data.docencoding + '"';
|
| | |
|
| | | if (elm.type != 7) {
|
| | | elm = new Node('xml', 7);
|
| | | headerFragment.insert(elm, headerFragment.firstChild, true);
|
| | | }
|
| | |
|
| | | elm.value = value;
|
| | | } else if (elm && elm.type == 7)
|
| | | elm.remove();
|
| | |
|
| | | // Add/update/remove doctype
|
| | | elm = headerFragment.getAll('#doctype')[0];
|
| | | if (data.doctype) {
|
| | | if (!elm) {
|
| | | elm = new Node('#doctype', 10);
|
| | |
|
| | | if (data.xml_pi)
|
| | | headerFragment.insert(elm, headerFragment.firstChild);
|
| | | else
|
| | | addHeadNode(elm);
|
| | | }
|
| | |
|
| | | elm.value = data.doctype.substring(9, data.doctype.length - 1);
|
| | | } else if (elm)
|
| | | elm.remove();
|
| | |
|
| | | // Add/update/remove title
|
| | | elm = headerFragment.getAll('title')[0];
|
| | | if (data.metatitle) {
|
| | | if (!elm) {
|
| | | elm = new Node('title', 1);
|
| | | elm.append(new Node('#text', 3)).value = data.metatitle;
|
| | | addHeadNode(elm);
|
| | | }
|
| | | }
|
| | |
|
| | | // Add meta encoding
|
| | | if (data.docencoding) {
|
| | | elm = null;
|
| | | each(headerFragment.getAll('meta'), function(meta) {
|
| | | if (meta.attr('http-equiv') == 'Content-Type')
|
| | | elm = meta;
|
| | | });
|
| | |
|
| | | if (!elm) {
|
| | | elm = new Node('meta', 1);
|
| | | elm.attr('http-equiv', 'Content-Type');
|
| | | elm.shortEnded = true;
|
| | | addHeadNode(elm);
|
| | | }
|
| | |
|
| | | elm.attr('content', 'text/html; charset=' + data.docencoding);
|
| | | }
|
| | |
|
| | | // Add/update/remove meta
|
| | | each('keywords,description,author,copyright,robots'.split(','), function(name) {
|
| | | var nodes = headerFragment.getAll('meta'), i, meta, value = data['meta' + name];
|
| | |
|
| | | for (i = 0; i < nodes.length; i++) {
|
| | | meta = nodes[i];
|
| | |
|
| | | if (meta.attr('name') == name) {
|
| | | if (value)
|
| | | meta.attr('content', value);
|
| | | else
|
| | | meta.remove();
|
| | |
|
| | | return;
|
| | | }
|
| | | }
|
| | |
|
| | | if (value) {
|
| | | elm = new Node('meta', 1);
|
| | | elm.attr('name', name);
|
| | | elm.attr('content', value);
|
| | | elm.shortEnded = true;
|
| | |
|
| | | addHeadNode(elm);
|
| | | }
|
| | | });
|
| | |
|
| | | // Add/update/delete link
|
| | | elm = headerFragment.getAll('link')[0];
|
| | | if (elm && elm.attr('rel') == 'stylesheet') {
|
| | | if (data.stylesheet)
|
| | | elm.attr('href', data.stylesheet);
|
| | | else
|
| | | elm.remove();
|
| | | } else if (data.stylesheet) {
|
| | | elm = new Node('link', 1);
|
| | | elm.attr({
|
| | | rel : 'stylesheet',
|
| | | text : 'text/css',
|
| | | href : data.stylesheet
|
| | | });
|
| | | elm.shortEnded = true;
|
| | |
|
| | | addHeadNode(elm);
|
| | | }
|
| | |
|
| | | // Update body attributes
|
| | | elm = headerFragment.getAll('body')[0];
|
| | | if (elm) {
|
| | | setAttr(elm, 'dir', data.langdir);
|
| | | setAttr(elm, 'style', data.style);
|
| | | setAttr(elm, 'vlink', data.visited_color);
|
| | | setAttr(elm, 'link', data.link_color);
|
| | | setAttr(elm, 'alink', data.active_color);
|
| | |
|
| | | // Update iframe body as well
|
| | | dom.setAttribs(this.editor.getBody(), {
|
| | | style : data.style,
|
| | | dir : data.dir,
|
| | | vLink : data.visited_color,
|
| | | link : data.link_color,
|
| | | aLink : data.active_color
|
| | | });
|
| | | }
|
| | |
|
| | | // Set html attributes
|
| | | elm = headerFragment.getAll('html')[0];
|
| | | if (elm) {
|
| | | setAttr(elm, 'lang', data.langcode);
|
| | | setAttr(elm, 'xml:lang', data.langcode);
|
| | | }
|
| | |
|
| | | // Serialize header fragment and crop away body part
|
| | | html = new tinymce.html.Serializer({
|
| | | validate: false,
|
| | | indent: true,
|
| | | apply_source_formatting : true,
|
| | | indent_before: 'head,html,body,meta,title,script,link,style',
|
| | | indent_after: 'head,html,body,meta,title,script,link,style'
|
| | | }).serialize(headerFragment);
|
| | |
|
| | | this.head = html.substring(0, html.indexOf('</body>'));
|
| | | },
|
| | |
|
| | | _parseHeader : function() {
|
| | | // Parse the contents with a DOM parser
|
| | | return new tinymce.html.DomParser({
|
| | | validate: false,
|
| | | root_name: '#document'
|
| | | }).parse(this.head);
|
| | | },
|
| | |
|
| | | _setContent : function(ed, o) {
|
| | | var self = this, startPos, endPos, content = o.content, headerFragment, styles = '', dom = self.editor.dom, elm;
|
| | |
|
| | | function low(s) {
|
| | | return s.replace(/<\/?[A-Z]+/g, function(a) {
|
| | | return a.toLowerCase();
|
| | | })
|
| | | };
|
| | |
|
| | | // Ignore raw updated if we already have a head, this will fix issues with undo/redo keeping the head/foot separate
|
| | | if (o.format == 'raw' && self.head)
|
| | | return;
|
| | |
|
| | | if (o.source_view && ed.getParam('fullpage_hide_in_source_view'))
|
| | | return;
|
| | |
|
| | | // Parse out head, body and footer
|
| | | content = content.replace(/<(\/?)BODY/gi, '<$1body');
|
| | | startPos = content.indexOf('<body');
|
| | |
|
| | | if (startPos != -1) {
|
| | | startPos = content.indexOf('>', startPos);
|
| | | self.head = low(content.substring(0, startPos + 1));
|
| | |
|
| | | endPos = content.indexOf('</body', startPos);
|
| | | if (endPos == -1)
|
| | | endPos = content.length;
|
| | |
|
| | | o.content = content.substring(startPos + 1, endPos);
|
| | | self.foot = low(content.substring(endPos));
|
| | | } else {
|
| | | self.head = this._getDefaultHeader();
|
| | | self.foot = '\n</body>\n</html>';
|
| | | }
|
| | |
|
| | | // Parse header and update iframe
|
| | | headerFragment = self._parseHeader();
|
| | | each(headerFragment.getAll('style'), function(node) {
|
| | | if (node.firstChild)
|
| | | styles += node.firstChild.value;
|
| | | });
|
| | |
|
| | | elm = headerFragment.getAll('body')[0];
|
| | | if (elm) {
|
| | | dom.setAttribs(self.editor.getBody(), {
|
| | | style : elm.attr('style') || '',
|
| | | dir : elm.attr('dir') || '',
|
| | | vLink : elm.attr('vlink') || '',
|
| | | link : elm.attr('link') || '',
|
| | | aLink : elm.attr('alink') || ''
|
| | | });
|
| | | }
|
| | |
|
| | | dom.remove('fullpage_styles');
|
| | |
|
| | | if (styles) {
|
| | | dom.add(self.editor.getDoc().getElementsByTagName('head')[0], 'style', {id : 'fullpage_styles'}, styles);
|
| | |
|
| | | // Needed for IE 6/7
|
| | | elm = dom.get('fullpage_styles');
|
| | | if (elm.styleSheet)
|
| | | elm.styleSheet.cssText = styles;
|
| | | }
|
| | | },
|
| | |
|
| | | _getDefaultHeader : function() {
|
| | | var header = '', editor = this.editor, value, styles = '';
|
| | |
|
| | | if (editor.getParam('fullpage_default_xml_pi'))
|
| | | header += '<?xml version="1.0" encoding="' + editor.getParam('fullpage_default_encoding', 'ISO-8859-1') + '" ?>\n';
|
| | |
|
| | | header += editor.getParam('fullpage_default_doctype', '<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">');
|
| | | header += '\n<html>\n<head>\n';
|
| | |
|
| | | if (value = editor.getParam('fullpage_default_title'))
|
| | | header += '<title>' + value + '</title>\n';
|
| | |
|
| | | if (value = editor.getParam('fullpage_default_encoding'))
|
| | | header += '<meta http-equiv="Content-Type" content="text/html; charset=' + value + '" />\n';
|
| | |
|
| | | if (value = editor.getParam('fullpage_default_font_family'))
|
| | | styles += 'font-family: ' + value + ';';
|
| | |
|
| | | if (value = editor.getParam('fullpage_default_font_size'))
|
| | | styles += 'font-size: ' + value + ';';
|
| | |
|
| | | if (value = editor.getParam('fullpage_default_text_color'))
|
| | | styles += 'color: ' + value + ';';
|
| | |
|
| | | header += '</head>\n<body' + (styles ? ' style="' + styles + '"' : '') + '>\n';
|
| | |
|
| | | return header;
|
| | | },
|
| | |
|
| | | _getContent : function(ed, o) {
|
| | | var self = this;
|
| | |
|
| | | if (!o.source_view || !ed.getParam('fullpage_hide_in_source_view'))
|
| | | o.content = tinymce.trim(self.head) + '\n' + tinymce.trim(o.content) + '\n' + tinymce.trim(self.foot);
|
| | | }
|
| | | });
|
| | |
|
| | | // Register plugin
|
| | | tinymce.PluginManager.add('fullpage', tinymce.plugins.FullPagePlugin);
|
| | | })();
|
New file |
| | |
| | | <!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>{#fullpage_dlg.title}</title>
|
| | | <script type="text/javascript" src="../../tiny_mce_popup.js"></script>
|
| | | <script type="text/javascript" src="../../utils/mctabs.js"></script>
|
| | | <script type="text/javascript" src="../../utils/form_utils.js"></script>
|
| | | <script type="text/javascript" src="js/fullpage.js"></script>
|
| | | <link href="css/fullpage.css" rel="stylesheet" type="text/css" />
|
| | | </head>
|
| | | <body id="fullpage" style="display: none">
|
| | | <form onsubmit="FullPageDialog.update();return false;" name="fullpage" action="#">
|
| | | <div class="tabs">
|
| | | <ul>
|
| | | <li id="meta_tab" class="current"><span><a href="javascript:mcTabs.displayTab('meta_tab','meta_panel');" onmousedown="return false;">{#fullpage_dlg.meta_tab}</a></span></li>
|
| | | <li id="appearance_tab"><span><a href="javascript:mcTabs.displayTab('appearance_tab','appearance_panel');" onmousedown="return false;">{#fullpage_dlg.appearance_tab}</a></span></li>
|
| | | </ul>
|
| | | </div>
|
| | |
|
| | | <div class="panel_wrapper">
|
| | | <div id="meta_panel" class="panel current">
|
| | | <fieldset>
|
| | | <legend>{#fullpage_dlg.meta_props}</legend>
|
| | |
|
| | | <table border="0" cellpadding="4" cellspacing="0">
|
| | | <tr>
|
| | | <td class="nowrap"><label for="metatitle">{#fullpage_dlg.meta_title}</label> </td>
|
| | | <td><input type="text" id="metatitle" name="metatitle" value="" class="mceFocus" /></td>
|
| | | </tr>
|
| | | <tr>
|
| | | <td class="nowrap"><label for="metakeywords">{#fullpage_dlg.meta_keywords}</label> </td>
|
| | | <td><textarea id="metakeywords" name="metakeywords" rows="4"></textarea></td>
|
| | | </tr>
|
| | | <tr>
|
| | | <td class="nowrap"><label for="metadescription">{#fullpage_dlg.meta_description}</label> </td>
|
| | | <td><textarea id="metadescription" name="metadescription" rows="4"></textarea></td>
|
| | | </tr>
|
| | | <tr>
|
| | | <td class="nowrap"><label for="metaauthor">{#fullpage_dlg.author}</label> </td>
|
| | | <td><input type="text" id="metaauthor" name="metaauthor" value="" /></td>
|
| | | </tr>
|
| | | <tr>
|
| | | <td class="nowrap"><label for="metacopyright">{#fullpage_dlg.copyright}</label> </td>
|
| | | <td><input type="text" id="metacopyright" name="metacopyright" value="" /></td>
|
| | | </tr>
|
| | | <tr>
|
| | | <td class="nowrap"><label for="metarobots">{#fullpage_dlg.meta_robots}</label> </td>
|
| | | <td>
|
| | | <select id="metarobots" name="metarobots">
|
| | | <option value="">{#not_set}</option> |
| | | <option value="index,follow">{#fullpage_dlg.meta_index_follow}</option>
|
| | | <option value="index,nofollow">{#fullpage_dlg.meta_index_nofollow}</option>
|
| | | <option value="noindex,follow">{#fullpage_dlg.meta_noindex_follow}</option>
|
| | | <option value="noindex,nofollow">{#fullpage_dlg.meta_noindex_nofollow}</option>
|
| | | </select>
|
| | | </td>
|
| | | </tr>
|
| | | </table>
|
| | | </fieldset>
|
| | |
|
| | | <fieldset>
|
| | | <legend>{#fullpage_dlg.langprops}</legend>
|
| | |
|
| | | <table border="0" cellpadding="4" cellspacing="0">
|
| | | <tr>
|
| | | <td class="column1"><label for="docencoding">{#fullpage_dlg.encoding}</label></td> |
| | | <td>
|
| | | <select id="docencoding" name="docencoding"> |
| | | <option value="">{#not_set}</option>
|
| | | </select>
|
| | | </td> |
| | | </tr>
|
| | | <tr>
|
| | | <td class="nowrap"><label for="doctype">{#fullpage_dlg.doctypes}</label> </td>
|
| | | <td>
|
| | | <select id="doctype" name="doctype">
|
| | | <option value="">{#not_set}</option>
|
| | | </select>
|
| | | </td>
|
| | | </tr>
|
| | | <tr>
|
| | | <td class="nowrap"><label for="langcode">{#fullpage_dlg.langcode}</label> </td>
|
| | | <td><input type="text" id="langcode" name="langcode" value="" /></td>
|
| | | </tr>
|
| | | <tr>
|
| | | <td class="column1"><label for="langdir">{#fullpage_dlg.langdir}</label></td> |
| | | <td>
|
| | | <select id="langdir" name="langdir"> |
| | | <option value="">{#not_set}</option> |
| | | <option value="ltr">{#fullpage_dlg.ltr}</option> |
| | | <option value="rtl">{#fullpage_dlg.rtl}</option> |
| | | </select>
|
| | | </td> |
| | | </tr>
|
| | | <tr>
|
| | | <td class="nowrap"><label for="xml_pi">{#fullpage_dlg.xml_pi}</label> </td>
|
| | | <td><input type="checkbox" id="xml_pi" name="xml_pi" class="checkbox" /></td>
|
| | | </tr>
|
| | | </table>
|
| | | </fieldset>
|
| | | </div>
|
| | |
|
| | | <div id="appearance_panel" class="panel">
|
| | | <fieldset>
|
| | | <legend>{#fullpage_dlg.appearance_textprops}</legend>
|
| | |
|
| | | <table border="0" cellpadding="4" cellspacing="0">
|
| | | <tr>
|
| | | <td class="column1"><label for="fontface">{#fullpage_dlg.fontface}</label></td> |
| | | <td>
|
| | | <select id="fontface" name="fontface" onchange="FullPageDialog.changedStyleProp();">
|
| | | <option value="">{#not_set}</option>
|
| | | </select>
|
| | | </td> |
| | | </tr>
|
| | |
|
| | | <tr>
|
| | | <td class="column1"><label for="fontsize">{#fullpage_dlg.fontsize}</label></td> |
| | | <td>
|
| | | <select id="fontsize" name="fontsize" onchange="FullPageDialog.changedStyleProp();">
|
| | | <option value="">{#not_set}</option>
|
| | | </select>
|
| | | </td>
|
| | | </tr>
|
| | |
|
| | | <tr>
|
| | | <td class="column1"><label for="textcolor">{#fullpage_dlg.textcolor}</label></td> |
| | | <td>
|
| | | <table border="0" cellpadding="0" cellspacing="0">
|
| | | <tr>
|
| | | <td><input id="textcolor" name="textcolor" type="text" value="" size="9" onchange="updateColor('textcolor_pick','textcolor');FullPageDialog.changedStyleProp();" /></td>
|
| | | <td id="textcolor_pickcontainer"> </td>
|
| | | </tr>
|
| | | </table>
|
| | | </td>
|
| | | </tr>
|
| | | </table>
|
| | | </fieldset>
|
| | |
|
| | | <fieldset>
|
| | | <legend>{#fullpage_dlg.appearance_bgprops}</legend>
|
| | |
|
| | | <table border="0" cellpadding="4" cellspacing="0">
|
| | | <tr>
|
| | | <td class="column1"><label for="bgimage">{#fullpage_dlg.bgimage}</label></td> |
| | | <td>
|
| | | <table border="0" cellpadding="0" cellspacing="0">
|
| | | <tr>
|
| | | <td><input id="bgimage" name="bgimage" type="text" value="" onchange="FullPageDialog.changedStyleProp();" /></td>
|
| | | <td id="bgimage_pickcontainer"> </td>
|
| | | </tr>
|
| | | </table>
|
| | | </td>
|
| | | </tr>
|
| | | <tr>
|
| | | <td class="column1"><label for="bgcolor">{#fullpage_dlg.bgcolor}</label></td> |
| | | <td>
|
| | | <table border="0" cellpadding="0" cellspacing="0">
|
| | | <tr>
|
| | | <td><input id="bgcolor" name="bgcolor" type="text" value="" size="9" onchange="updateColor('bgcolor_pick','bgcolor');FullPageDialog.changedStyleProp();" /></td>
|
| | | <td id="bgcolor_pickcontainer"> </td>
|
| | | </tr>
|
| | | </table>
|
| | | </td> |
| | | </tr>
|
| | | </table>
|
| | | </fieldset>
|
| | |
|
| | | <fieldset>
|
| | | <legend>{#fullpage_dlg.appearance_marginprops}</legend>
|
| | |
|
| | | <table border="0" cellpadding="4" cellspacing="0">
|
| | | <tr>
|
| | | <td class="column1"><label for="leftmargin">{#fullpage_dlg.left_margin}</label></td> |
| | | <td><input id="leftmargin" name="leftmargin" type="text" value="" onchange="FullPageDialog.changedStyleProp();" /></td>
|
| | | <td class="column1"><label for="rightmargin">{#fullpage_dlg.right_margin}</label></td> |
| | | <td><input id="rightmargin" name="rightmargin" type="text" value="" onchange="FullPageDialog.changedStyleProp();" /></td>
|
| | | </tr>
|
| | | <tr>
|
| | | <td class="column1"><label for="topmargin">{#fullpage_dlg.top_margin}</label></td> |
| | | <td><input id="topmargin" name="topmargin" type="text" value="" onchange="FullPageDialog.changedStyleProp();" /></td>
|
| | | <td class="column1"><label for="bottommargin">{#fullpage_dlg.bottom_margin}</label></td> |
| | | <td><input id="bottommargin" name="bottommargin" type="text" value="" onchange="FullPageDialog.changedStyleProp();" /></td>
|
| | | </tr>
|
| | | </table>
|
| | | </fieldset>
|
| | |
|
| | | <fieldset>
|
| | | <legend>{#fullpage_dlg.appearance_linkprops}</legend>
|
| | |
|
| | | <table border="0" cellpadding="4" cellspacing="0">
|
| | | <tr>
|
| | | <td class="column1"><label for="link_color">{#fullpage_dlg.link_color}</label></td> |
| | | <td>
|
| | | <table border="0" cellpadding="0" cellspacing="0">
|
| | | <tr>
|
| | | <td><input id="link_color" name="link_color" type="text" value="" size="9" onchange="updateColor('link_color_pick','link_color');FullPageDialog.changedStyleProp();" /></td>
|
| | | <td id="link_color_pickcontainer"> </td>
|
| | | </tr>
|
| | | </table>
|
| | | </td>
|
| | |
|
| | | <td class="column1"><label for="visited_color">{#fullpage_dlg.visited_color}</label></td> |
| | | <td>
|
| | | <table border="0" cellpadding="0" cellspacing="0">
|
| | | <tr>
|
| | | <td><input id="visited_color" name="visited_color" type="text" value="" size="9" onchange="updateColor('visited_color_pick','visited_color');FullPageDialog.changedStyleProp();" /></td>
|
| | | <td id="visited_color_pickcontainer"> </td>
|
| | | </tr>
|
| | | </table>
|
| | | </td>
|
| | | </tr>
|
| | |
|
| | | <tr>
|
| | | <td class="column1"><label for="active_color">{#fullpage_dlg.active_color}</label></td> |
| | | <td>
|
| | | <table border="0" cellpadding="0" cellspacing="0">
|
| | | <tr>
|
| | | <td><input id="active_color" name="active_color" type="text" value="" size="9" onchange="updateColor('active_color_pick','active_color');FullPageDialog.changedStyleProp();" /></td>
|
| | | <td id="active_color_pickcontainer"> </td>
|
| | | </tr>
|
| | | </table>
|
| | | </td>
|
| | |
|
| | | <td> </td>
|
| | | <td> </td>
|
| | | </tr>
|
| | | </table>
|
| | | </fieldset>
|
| | |
|
| | | <fieldset>
|
| | | <legend>{#fullpage_dlg.appearance_style}</legend>
|
| | |
|
| | | <table border="0" cellpadding="4" cellspacing="0">
|
| | | <tr>
|
| | | <td class="column1"><label for="stylesheet">{#fullpage_dlg.stylesheet}</label></td> |
| | | <td><table border="0" cellpadding="0" cellspacing="0">
|
| | | <tr>
|
| | | <td><input id="stylesheet" name="stylesheet" type="text" value="" /></td>
|
| | | <td id="stylesheet_browsercontainer"> </td>
|
| | | </tr>
|
| | | </table></td>
|
| | | </tr>
|
| | | <tr>
|
| | | <td class="column1"><label for="style">{#fullpage_dlg.style}</label></td> |
| | | <td><input id="style" name="style" type="text" value="" onchange="FullPageDialog.changedStyle();" /></td>
|
| | | </tr>
|
| | | </table>
|
| | | </fieldset>
|
| | | </div>
|
| | | </div>
|
| | |
|
| | | <div class="mceActionPanel">
|
| | | <input type="submit" id="insert" name="update" value="{#update}" />
|
| | | <input type="button" id="cancel" name="cancel" value="{#cancel}" onclick="tinyMCEPopup.close();" />
|
| | | </div>
|
| | | </form>
|
| | | </body>
|
| | | </html>
|
New file |
| | |
| | | /**
|
| | | * fullpage.js
|
| | | *
|
| | | * Copyright 2009, Moxiecode Systems AB
|
| | | * Released under LGPL License.
|
| | | *
|
| | | * License: http://tinymce.moxiecode.com/license
|
| | | * Contributing: http://tinymce.moxiecode.com/contributing
|
| | | */
|
| | |
|
| | | (function() {
|
| | | tinyMCEPopup.requireLangPack();
|
| | |
|
| | | var defaultDocTypes = |
| | | 'XHTML 1.0 Transitional=<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">,' +
|
| | | 'XHTML 1.0 Frameset=<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">,' +
|
| | | 'XHTML 1.0 Strict=<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">,' +
|
| | | 'XHTML 1.1=<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">,' +
|
| | | 'HTML 4.01 Transitional=<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">,' +
|
| | | 'HTML 4.01 Strict=<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">,' +
|
| | | 'HTML 4.01 Frameset=<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">';
|
| | |
|
| | | var defaultEncodings = |
| | | 'Western european (iso-8859-1)=iso-8859-1,' +
|
| | | 'Central European (iso-8859-2)=iso-8859-2,' +
|
| | | 'Unicode (UTF-8)=utf-8,' +
|
| | | 'Chinese traditional (Big5)=big5,' +
|
| | | 'Cyrillic (iso-8859-5)=iso-8859-5,' +
|
| | | 'Japanese (iso-2022-jp)=iso-2022-jp,' +
|
| | | 'Greek (iso-8859-7)=iso-8859-7,' +
|
| | | 'Korean (iso-2022-kr)=iso-2022-kr,' +
|
| | | 'ASCII (us-ascii)=us-ascii';
|
| | |
|
| | | var defaultFontNames = 'Arial=arial,helvetica,sans-serif;Courier New=courier new,courier,monospace;Georgia=georgia,times new roman,times,serif;Tahoma=tahoma,arial,helvetica,sans-serif;Times New Roman=times new roman,times,serif;Verdana=verdana,arial,helvetica,sans-serif;Impact=impact;WingDings=wingdings';
|
| | | var defaultFontSizes = '10px,11px,12px,13px,14px,15px,16px';
|
| | |
|
| | | function setVal(id, value) {
|
| | | var elm = document.getElementById(id);
|
| | |
|
| | | if (elm) {
|
| | | value = value || '';
|
| | |
|
| | | if (elm.nodeName == "SELECT")
|
| | | selectByValue(document.forms[0], id, value);
|
| | | else if (elm.type == "checkbox")
|
| | | elm.checked = !!value;
|
| | | else
|
| | | elm.value = value;
|
| | | }
|
| | | };
|
| | |
|
| | | function getVal(id) {
|
| | | var elm = document.getElementById(id);
|
| | |
|
| | | if (elm.nodeName == "SELECT")
|
| | | return elm.options[elm.selectedIndex].value;
|
| | |
|
| | | if (elm.type == "checkbox")
|
| | | return elm.checked;
|
| | |
|
| | | return elm.value;
|
| | | };
|
| | |
|
| | | window.FullPageDialog = {
|
| | | changedStyle : function() {
|
| | | var val, styles = tinyMCEPopup.editor.dom.parseStyle(getVal('style'));
|
| | |
|
| | | setVal('fontface', styles['font-face']);
|
| | | setVal('fontsize', styles['font-size']);
|
| | | setVal('textcolor', styles['color']);
|
| | |
|
| | | if (val = styles['background-image'])
|
| | | setVal('bgimage', val.replace(new RegExp("url\\('?([^']*)'?\\)", 'gi'), "$1"));
|
| | | else
|
| | | setVal('bgimage', '');
|
| | |
|
| | | setVal('bgcolor', styles['background-color']);
|
| | |
|
| | | // Reset margin form elements
|
| | | setVal('topmargin', '');
|
| | | setVal('rightmargin', '');
|
| | | setVal('bottommargin', '');
|
| | | setVal('leftmargin', '');
|
| | |
|
| | | // Expand margin
|
| | | if (val = styles['margin']) {
|
| | | val = val.split(' ');
|
| | | styles['margin-top'] = val[0] || '';
|
| | | styles['margin-right'] = val[1] || val[0] || '';
|
| | | styles['margin-bottom'] = val[2] || val[0] || '';
|
| | | styles['margin-left'] = val[3] || val[0] || '';
|
| | | }
|
| | |
|
| | | if (val = styles['margin-top'])
|
| | | setVal('topmargin', val.replace(/px/, ''));
|
| | |
|
| | | if (val = styles['margin-right'])
|
| | | setVal('rightmargin', val.replace(/px/, ''));
|
| | |
|
| | | if (val = styles['margin-bottom'])
|
| | | setVal('bottommargin', val.replace(/px/, ''));
|
| | |
|
| | | if (val = styles['margin-left'])
|
| | | setVal('leftmargin', val.replace(/px/, ''));
|
| | |
|
| | | updateColor('bgcolor_pick', 'bgcolor');
|
| | | updateColor('textcolor_pick', 'textcolor');
|
| | | },
|
| | |
|
| | | changedStyleProp : function() {
|
| | | var val, dom = tinyMCEPopup.editor.dom, styles = dom.parseStyle(getVal('style'));
|
| | | |
| | | styles['font-face'] = getVal('fontface');
|
| | | styles['font-size'] = getVal('fontsize');
|
| | | styles['color'] = getVal('textcolor');
|
| | | styles['background-color'] = getVal('bgcolor');
|
| | |
|
| | | if (val = getVal('bgimage'))
|
| | | styles['background-image'] = "url('" + val + "')";
|
| | | else
|
| | | styles['background-image'] = '';
|
| | |
|
| | | delete styles['margin'];
|
| | |
|
| | | if (val = getVal('topmargin'))
|
| | | styles['margin-top'] = val + "px";
|
| | | else
|
| | | styles['margin-top'] = '';
|
| | |
|
| | | if (val = getVal('rightmargin'))
|
| | | styles['margin-right'] = val + "px";
|
| | | else
|
| | | styles['margin-right'] = '';
|
| | |
|
| | | if (val = getVal('bottommargin'))
|
| | | styles['margin-bottom'] = val + "px";
|
| | | else
|
| | | styles['margin-bottom'] = '';
|
| | |
|
| | | if (val = getVal('leftmargin'))
|
| | | styles['margin-left'] = val + "px";
|
| | | else
|
| | | styles['margin-left'] = '';
|
| | |
|
| | | // Serialize, parse and reserialize this will compress redundant styles
|
| | | setVal('style', dom.serializeStyle(dom.parseStyle(dom.serializeStyle(styles))));
|
| | | this.changedStyle();
|
| | | },
|
| | | |
| | | update : function() {
|
| | | var data = {};
|
| | |
|
| | | tinymce.each(tinyMCEPopup.dom.select('select,input,textarea'), function(node) {
|
| | | data[node.id] = getVal(node.id);
|
| | | });
|
| | |
|
| | | tinyMCEPopup.editor.plugins.fullpage._dataToHtml(data);
|
| | | tinyMCEPopup.close();
|
| | | }
|
| | | };
|
| | | |
| | | function init() {
|
| | | var form = document.forms[0], i, item, list, editor = tinyMCEPopup.editor;
|
| | |
|
| | | // Setup doctype select box
|
| | | list = editor.getParam("fullpage_doctypes", defaultDocTypes).split(',');
|
| | | for (i = 0; i < list.length; i++) {
|
| | | item = list[i].split('=');
|
| | |
|
| | | if (item.length > 1)
|
| | | addSelectValue(form, 'doctype', item[0], item[1]);
|
| | | }
|
| | |
|
| | | // Setup fonts select box
|
| | | list = editor.getParam("fullpage_fonts", defaultFontNames).split(';');
|
| | | for (i = 0; i < list.length; i++) {
|
| | | item = list[i].split('=');
|
| | |
|
| | | if (item.length > 1)
|
| | | addSelectValue(form, 'fontface', item[0], item[1]);
|
| | | }
|
| | |
|
| | | // Setup fontsize select box
|
| | | list = editor.getParam("fullpage_fontsizes", defaultFontSizes).split(',');
|
| | | for (i = 0; i < list.length; i++)
|
| | | addSelectValue(form, 'fontsize', list[i], list[i]);
|
| | |
|
| | | // Setup encodings select box
|
| | | list = editor.getParam("fullpage_encodings", defaultEncodings).split(',');
|
| | | for (i = 0; i < list.length; i++) {
|
| | | item = list[i].split('=');
|
| | |
|
| | | if (item.length > 1)
|
| | | addSelectValue(form, 'docencoding', item[0], item[1]);
|
| | | }
|
| | |
|
| | | // Setup color pickers
|
| | | document.getElementById('bgcolor_pickcontainer').innerHTML = getColorPickerHTML('bgcolor_pick','bgcolor');
|
| | | document.getElementById('link_color_pickcontainer').innerHTML = getColorPickerHTML('link_color_pick','link_color');
|
| | | document.getElementById('visited_color_pickcontainer').innerHTML = getColorPickerHTML('visited_color_pick','visited_color');
|
| | | document.getElementById('active_color_pickcontainer').innerHTML = getColorPickerHTML('active_color_pick','active_color');
|
| | | document.getElementById('textcolor_pickcontainer').innerHTML = getColorPickerHTML('textcolor_pick','textcolor');
|
| | | document.getElementById('stylesheet_browsercontainer').innerHTML = getBrowserHTML('stylesheetbrowser','stylesheet','file','fullpage');
|
| | | document.getElementById('bgimage_pickcontainer').innerHTML = getBrowserHTML('bgimage_browser','bgimage','image','fullpage');
|
| | |
|
| | | // Resize some elements
|
| | | if (isVisible('stylesheetbrowser'))
|
| | | document.getElementById('stylesheet').style.width = '220px';
|
| | |
|
| | | if (isVisible('link_href_browser'))
|
| | | document.getElementById('element_link_href').style.width = '230px';
|
| | |
|
| | | if (isVisible('bgimage_browser'))
|
| | | document.getElementById('bgimage').style.width = '210px';
|
| | |
|
| | | // Update form
|
| | | tinymce.each(tinyMCEPopup.getWindowArg('data'), function(value, key) {
|
| | | setVal(key, value);
|
| | | });
|
| | |
|
| | | FullPageDialog.changedStyle();
|
| | |
|
| | | // Update colors
|
| | | updateColor('textcolor_pick', 'textcolor');
|
| | | updateColor('bgcolor_pick', 'bgcolor');
|
| | | updateColor('visited_color_pick', 'visited_color');
|
| | | updateColor('active_color_pick', 'active_color');
|
| | | updateColor('link_color_pick', 'link_color');
|
| | | };
|
| | |
|
| | | tinyMCEPopup.onInit.add(init);
|
| | | })();
|
New file |
| | |
| | | tinyMCE.addI18n('en.fullpage_dlg',{title:"Document Properties","meta_tab":"General","appearance_tab":"Appearance","advanced_tab":"Advanced","meta_props":"Meta Information",langprops:"Language and Encoding","meta_title":"Title","meta_keywords":"Keywords","meta_description":"Description","meta_robots":"Robots",doctypes:"Doctype",langcode:"Language Code",langdir:"Language Direction",ltr:"Left to Right",rtl:"Right to Left","xml_pi":"XML Declaration",encoding:"Character Encoding","appearance_bgprops":"Background Properties","appearance_marginprops":"Body Margins","appearance_linkprops":"Link Colors","appearance_textprops":"Text Properties",bgcolor:"Background Color",bgimage:"Background Image","left_margin":"Left Margin","right_margin":"Right Margin","top_margin":"Top Margin","bottom_margin":"Bottom Margin","text_color":"Text Color","font_size":"Font Size","font_face":"Font Face","link_color":"Link Color","hover_color":"Hover Color","visited_color":"Visited Color","active_color":"Active Color",textcolor:"Color",fontsize:"Font Size",fontface:"Font Family","meta_index_follow":"Index and Follow the Links","meta_index_nofollow":"Index and Don\'t Follow the Links","meta_noindex_follow":"Do Not Index but Follow the Links","meta_noindex_nofollow":"Do Not Index and Don\'t Follow the Links","appearance_style":"Stylesheet and Style Properties",stylesheet:"Stylesheet",style:"Style",author:"Author",copyright:"Copyright",add:"Add New Element",remove:"Remove Selected Element",moveup:"Move Selected Element Up",movedown:"Move Selected Element Down","head_elements":"Head Elements",info:"Information","add_title":"Title Element","add_meta":"Meta Element","add_script":"Script Element","add_style":"Style Element","add_link":"Link Element","add_base":"Base Element","add_comment":"Comment Node","title_element":"Title Element","script_element":"Script Element","style_element":"Style Element","base_element":"Base Element","link_element":"Link Element","meta_element":"Meta Element","comment_element":"Comment",src:"Source",language:"Language",href:"HREF",target:"Target",type:"Type",charset:"Charset",defer:"Defer",media:"Media",properties:"Properties",name:"Name",value:"Value",content:"Content",rel:"Rel",rev:"Rev",hreflang:"HREF Lang","general_props":"General","advanced_props":"Advanced"}); |
New file |
| | |
| | | (function(){var a=tinymce.DOM;tinymce.create("tinymce.plugins.FullScreenPlugin",{init:function(d,e){var f=this,g={},c,b;f.editor=d;d.addCommand("mceFullScreen",function(){var i,j=a.doc.documentElement;if(d.getParam("fullscreen_is_enabled")){if(d.getParam("fullscreen_new_window")){closeFullscreen()}else{a.win.setTimeout(function(){tinymce.dom.Event.remove(a.win,"resize",f.resizeFunc);tinyMCE.get(d.getParam("fullscreen_editor_id")).setContent(d.getContent());tinyMCE.remove(d);a.remove("mce_fullscreen_container");j.style.overflow=d.getParam("fullscreen_html_overflow");a.setStyle(a.doc.body,"overflow",d.getParam("fullscreen_overflow"));a.win.scrollTo(d.getParam("fullscreen_scrollx"),d.getParam("fullscreen_scrolly"));tinyMCE.settings=tinyMCE.oldSettings},10)}return}if(d.getParam("fullscreen_new_window")){i=a.win.open(e+"/fullscreen.htm","mceFullScreenPopup","fullscreen=yes,menubar=no,toolbar=no,scrollbars=no,resizable=yes,left=0,top=0,width="+screen.availWidth+",height="+screen.availHeight);try{i.resizeTo(screen.availWidth,screen.availHeight)}catch(h){}}else{tinyMCE.oldSettings=tinyMCE.settings;g.fullscreen_overflow=a.getStyle(a.doc.body,"overflow",1)||"auto";g.fullscreen_html_overflow=a.getStyle(j,"overflow",1);c=a.getViewPort();g.fullscreen_scrollx=c.x;g.fullscreen_scrolly=c.y;if(tinymce.isOpera&&g.fullscreen_overflow=="visible"){g.fullscreen_overflow="auto"}if(tinymce.isIE&&g.fullscreen_overflow=="scroll"){g.fullscreen_overflow="auto"}if(tinymce.isIE&&(g.fullscreen_html_overflow=="visible"||g.fullscreen_html_overflow=="scroll")){g.fullscreen_html_overflow="auto"}if(g.fullscreen_overflow=="0px"){g.fullscreen_overflow=""}a.setStyle(a.doc.body,"overflow","hidden");j.style.overflow="hidden";c=a.getViewPort();a.win.scrollTo(0,0);if(tinymce.isIE){c.h-=1}if(tinymce.isIE6){b="absolute;top:"+c.y}else{b="fixed;top:0"}n=a.add(a.doc.body,"div",{id:"mce_fullscreen_container",style:"position:"+b+";left:0;width:"+c.w+"px;height:"+c.h+"px;z-index:200000;"});a.add(n,"div",{id:"mce_fullscreen"});tinymce.each(d.settings,function(k,l){g[l]=k});g.id="mce_fullscreen";g.width=n.clientWidth;g.height=n.clientHeight-15;g.fullscreen_is_enabled=true;g.fullscreen_editor_id=d.id;g.theme_advanced_resizing=false;g.save_onsavecallback=function(){d.setContent(tinyMCE.get(g.id).getContent());d.execCommand("mceSave")};tinymce.each(d.getParam("fullscreen_settings"),function(m,l){g[l]=m});if(g.theme_advanced_toolbar_location==="external"){g.theme_advanced_toolbar_location="top"}f.fullscreenEditor=new tinymce.Editor("mce_fullscreen",g);f.fullscreenEditor.onInit.add(function(){f.fullscreenEditor.setContent(d.getContent());f.fullscreenEditor.focus()});f.fullscreenEditor.render();f.fullscreenElement=new tinymce.dom.Element("mce_fullscreen_container");f.fullscreenElement.update();f.resizeFunc=tinymce.dom.Event.add(a.win,"resize",function(){var o=tinymce.DOM.getViewPort(),l=f.fullscreenEditor,k,m;k=l.dom.getSize(l.getContainer().firstChild);m=l.dom.getSize(l.getContainer().getElementsByTagName("iframe")[0]);l.theme.resizeTo(o.w-k.w+m.w,o.h-k.h+m.h)})}});d.addButton("fullscreen",{title:"fullscreen.desc",cmd:"mceFullScreen"});d.onNodeChange.add(function(i,h){h.setActive("fullscreen",i.getParam("fullscreen_is_enabled"))})},getInfo:function(){return{longname:"Fullscreen",author:"Moxiecode Systems AB",authorurl:"http://tinymce.moxiecode.com",infourl:"http://wiki.moxiecode.com/index.php/TinyMCE:Plugins/fullscreen",version:tinymce.majorVersion+"."+tinymce.minorVersion}}});tinymce.PluginManager.add("fullscreen",tinymce.plugins.FullScreenPlugin)})(); |
New file |
| | |
| | | /**
|
| | | * editor_plugin_src.js
|
| | | *
|
| | | * Copyright 2009, Moxiecode Systems AB
|
| | | * Released under LGPL License.
|
| | | *
|
| | | * License: http://tinymce.moxiecode.com/license
|
| | | * Contributing: http://tinymce.moxiecode.com/contributing
|
| | | */
|
| | |
|
| | | (function() {
|
| | | var DOM = tinymce.DOM;
|
| | |
|
| | | tinymce.create('tinymce.plugins.FullScreenPlugin', {
|
| | | init : function(ed, url) {
|
| | | var t = this, s = {}, vp, posCss;
|
| | |
|
| | | t.editor = ed;
|
| | |
|
| | | // Register commands
|
| | | ed.addCommand('mceFullScreen', function() {
|
| | | var win, de = DOM.doc.documentElement;
|
| | |
|
| | | if (ed.getParam('fullscreen_is_enabled')) {
|
| | | if (ed.getParam('fullscreen_new_window'))
|
| | | closeFullscreen(); // Call to close in new window
|
| | | else {
|
| | | DOM.win.setTimeout(function() {
|
| | | tinymce.dom.Event.remove(DOM.win, 'resize', t.resizeFunc);
|
| | | tinyMCE.get(ed.getParam('fullscreen_editor_id')).setContent(ed.getContent());
|
| | | tinyMCE.remove(ed);
|
| | | DOM.remove('mce_fullscreen_container');
|
| | | de.style.overflow = ed.getParam('fullscreen_html_overflow');
|
| | | DOM.setStyle(DOM.doc.body, 'overflow', ed.getParam('fullscreen_overflow'));
|
| | | DOM.win.scrollTo(ed.getParam('fullscreen_scrollx'), ed.getParam('fullscreen_scrolly'));
|
| | | tinyMCE.settings = tinyMCE.oldSettings; // Restore old settings
|
| | | }, 10);
|
| | | }
|
| | |
|
| | | return;
|
| | | }
|
| | |
|
| | | if (ed.getParam('fullscreen_new_window')) {
|
| | | win = DOM.win.open(url + "/fullscreen.htm", "mceFullScreenPopup", "fullscreen=yes,menubar=no,toolbar=no,scrollbars=no,resizable=yes,left=0,top=0,width=" + screen.availWidth + ",height=" + screen.availHeight);
|
| | | try {
|
| | | win.resizeTo(screen.availWidth, screen.availHeight);
|
| | | } catch (e) {
|
| | | // Ignore
|
| | | }
|
| | | } else {
|
| | | tinyMCE.oldSettings = tinyMCE.settings; // Store old settings
|
| | | s.fullscreen_overflow = DOM.getStyle(DOM.doc.body, 'overflow', 1) || 'auto';
|
| | | s.fullscreen_html_overflow = DOM.getStyle(de, 'overflow', 1);
|
| | | vp = DOM.getViewPort();
|
| | | s.fullscreen_scrollx = vp.x;
|
| | | s.fullscreen_scrolly = vp.y;
|
| | |
|
| | | // Fixes an Opera bug where the scrollbars doesn't reappear
|
| | | if (tinymce.isOpera && s.fullscreen_overflow == 'visible')
|
| | | s.fullscreen_overflow = 'auto';
|
| | |
|
| | | // Fixes an IE bug where horizontal scrollbars would appear
|
| | | if (tinymce.isIE && s.fullscreen_overflow == 'scroll')
|
| | | s.fullscreen_overflow = 'auto';
|
| | |
|
| | | // Fixes an IE bug where the scrollbars doesn't reappear
|
| | | if (tinymce.isIE && (s.fullscreen_html_overflow == 'visible' || s.fullscreen_html_overflow == 'scroll'))
|
| | | s.fullscreen_html_overflow = 'auto'; |
| | |
|
| | | if (s.fullscreen_overflow == '0px')
|
| | | s.fullscreen_overflow = '';
|
| | |
|
| | | DOM.setStyle(DOM.doc.body, 'overflow', 'hidden');
|
| | | de.style.overflow = 'hidden'; //Fix for IE6/7
|
| | | vp = DOM.getViewPort();
|
| | | DOM.win.scrollTo(0, 0);
|
| | |
|
| | | if (tinymce.isIE)
|
| | | vp.h -= 1;
|
| | |
|
| | | // Use fixed position if it exists
|
| | | if (tinymce.isIE6)
|
| | | posCss = 'absolute;top:' + vp.y;
|
| | | else
|
| | | posCss = 'fixed;top:0';
|
| | |
|
| | | n = DOM.add(DOM.doc.body, 'div', {
|
| | | id : 'mce_fullscreen_container', |
| | | style : 'position:' + posCss + ';left:0;width:' + vp.w + 'px;height:' + vp.h + 'px;z-index:200000;'});
|
| | | DOM.add(n, 'div', {id : 'mce_fullscreen'});
|
| | |
|
| | | tinymce.each(ed.settings, function(v, n) {
|
| | | s[n] = v;
|
| | | });
|
| | |
|
| | | s.id = 'mce_fullscreen';
|
| | | s.width = n.clientWidth;
|
| | | s.height = n.clientHeight - 15;
|
| | | s.fullscreen_is_enabled = true;
|
| | | s.fullscreen_editor_id = ed.id;
|
| | | s.theme_advanced_resizing = false;
|
| | | s.save_onsavecallback = function() {
|
| | | ed.setContent(tinyMCE.get(s.id).getContent());
|
| | | ed.execCommand('mceSave');
|
| | | };
|
| | |
|
| | | tinymce.each(ed.getParam('fullscreen_settings'), function(v, k) {
|
| | | s[k] = v;
|
| | | });
|
| | |
|
| | | if (s.theme_advanced_toolbar_location === 'external')
|
| | | s.theme_advanced_toolbar_location = 'top';
|
| | |
|
| | | t.fullscreenEditor = new tinymce.Editor('mce_fullscreen', s);
|
| | | t.fullscreenEditor.onInit.add(function() {
|
| | | t.fullscreenEditor.setContent(ed.getContent());
|
| | | t.fullscreenEditor.focus();
|
| | | });
|
| | |
|
| | | t.fullscreenEditor.render();
|
| | |
|
| | | t.fullscreenElement = new tinymce.dom.Element('mce_fullscreen_container');
|
| | | t.fullscreenElement.update();
|
| | | //document.body.overflow = 'hidden';
|
| | |
|
| | | t.resizeFunc = tinymce.dom.Event.add(DOM.win, 'resize', function() {
|
| | | var vp = tinymce.DOM.getViewPort(), fed = t.fullscreenEditor, outerSize, innerSize;
|
| | |
|
| | | // Get outer/inner size to get a delta size that can be used to calc the new iframe size
|
| | | outerSize = fed.dom.getSize(fed.getContainer().firstChild);
|
| | | innerSize = fed.dom.getSize(fed.getContainer().getElementsByTagName('iframe')[0]);
|
| | |
|
| | | fed.theme.resizeTo(vp.w - outerSize.w + innerSize.w, vp.h - outerSize.h + innerSize.h);
|
| | | });
|
| | | }
|
| | | });
|
| | |
|
| | | // Register buttons
|
| | | ed.addButton('fullscreen', {title : 'fullscreen.desc', cmd : 'mceFullScreen'});
|
| | |
|
| | | ed.onNodeChange.add(function(ed, cm) {
|
| | | cm.setActive('fullscreen', ed.getParam('fullscreen_is_enabled'));
|
| | | });
|
| | | },
|
| | |
|
| | | getInfo : function() {
|
| | | return {
|
| | | longname : 'Fullscreen',
|
| | | author : 'Moxiecode Systems AB',
|
| | | authorurl : 'http://tinymce.moxiecode.com',
|
| | | infourl : 'http://wiki.moxiecode.com/index.php/TinyMCE:Plugins/fullscreen',
|
| | | version : tinymce.majorVersion + "." + tinymce.minorVersion
|
| | | };
|
| | | }
|
| | | });
|
| | |
|
| | | // Register plugin
|
| | | tinymce.PluginManager.add('fullscreen', tinymce.plugins.FullScreenPlugin);
|
| | | })(); |
New file |
| | |
| | | <!DOCTYPE html>
|
| | | <html xmlns="http://www.w3.org/1999/xhtml">
|
| | | <head>
|
| | | <title></title>
|
| | | <meta http-equiv="X-UA-Compatible" content="IE=edge" />
|
| | | <script type="text/javascript" src="../../tiny_mce.js"></script>
|
| | | <script type="text/javascript">
|
| | | function patchCallback(settings, key) {
|
| | | if (settings[key])
|
| | | settings[key] = "window.opener." + settings[key];
|
| | | }
|
| | |
|
| | | var settings = {}, paSe = window.opener.tinyMCE.activeEditor.settings, oeID = window.opener.tinyMCE.activeEditor.id;
|
| | |
|
| | | // Clone array
|
| | | for (var n in paSe)
|
| | | settings[n] = paSe[n];
|
| | |
|
| | | // Override options for fullscreen
|
| | | for (var n in paSe.fullscreen_settings)
|
| | | settings[n] = paSe.fullscreen_settings[n];
|
| | |
|
| | | // Patch callbacks, make them point to window.opener
|
| | | patchCallback(settings, 'urlconverter_callback');
|
| | | patchCallback(settings, 'insertlink_callback');
|
| | | patchCallback(settings, 'insertimage_callback');
|
| | | patchCallback(settings, 'setupcontent_callback');
|
| | | patchCallback(settings, 'save_callback');
|
| | | patchCallback(settings, 'onchange_callback');
|
| | | patchCallback(settings, 'init_instance_callback');
|
| | | patchCallback(settings, 'file_browser_callback');
|
| | | patchCallback(settings, 'cleanup_callback');
|
| | | patchCallback(settings, 'execcommand_callback');
|
| | | patchCallback(settings, 'oninit');
|
| | |
|
| | | // Set options
|
| | | delete settings.id;
|
| | | settings['mode'] = 'exact';
|
| | | settings['elements'] = 'fullscreenarea';
|
| | | settings['add_unload_trigger'] = false;
|
| | | settings['ask'] = false;
|
| | | settings['document_base_url'] = window.opener.tinyMCE.activeEditor.documentBaseURI.getURI();
|
| | | settings['fullscreen_is_enabled'] = true;
|
| | | settings['fullscreen_editor_id'] = oeID;
|
| | | settings['theme_advanced_resizing'] = false;
|
| | | settings['strict_loading_mode'] = true;
|
| | |
|
| | | settings.save_onsavecallback = function() {
|
| | | window.opener.tinyMCE.get(oeID).setContent(tinyMCE.get('fullscreenarea').getContent({format : 'raw'}), {format : 'raw'});
|
| | | window.opener.tinyMCE.get(oeID).execCommand('mceSave');
|
| | | window.close();
|
| | | };
|
| | |
|
| | | function unloadHandler(e) {
|
| | | moveContent();
|
| | | }
|
| | |
|
| | | function moveContent() {
|
| | | window.opener.tinyMCE.get(oeID).setContent(tinyMCE.activeEditor.getContent());
|
| | | }
|
| | |
|
| | | function closeFullscreen() {
|
| | | moveContent();
|
| | | window.close();
|
| | | }
|
| | |
|
| | | function doParentSubmit() {
|
| | | moveContent();
|
| | |
|
| | | if (window.opener.tinyMCE.selectedInstance.formElement.form)
|
| | | window.opener.tinyMCE.selectedInstance.formElement.form.submit();
|
| | |
|
| | | window.close();
|
| | |
|
| | | return false;
|
| | | }
|
| | |
|
| | | function render() {
|
| | | var e = document.getElementById('fullscreenarea'), vp, ed, ow, oh, dom = tinymce.DOM;
|
| | |
|
| | | e.value = window.opener.tinyMCE.get(oeID).getContent();
|
| | |
|
| | | vp = dom.getViewPort();
|
| | | settings.width = vp.w;
|
| | | settings.height = vp.h - 15;
|
| | |
|
| | | tinymce.dom.Event.add(window, 'resize', function() {
|
| | | var vp = dom.getViewPort();
|
| | |
|
| | | tinyMCE.activeEditor.theme.resizeTo(vp.w, vp.h);
|
| | | });
|
| | |
|
| | | tinyMCE.init(settings);
|
| | | }
|
| | |
|
| | | // Add onunload
|
| | | tinymce.dom.Event.add(window, "beforeunload", unloadHandler);
|
| | | </script>
|
| | | </head>
|
| | | <body style="margin:0;overflow:hidden;width:100%;height:100%" scrolling="no" scroll="no">
|
| | | <form onsubmit="doParentSubmit();">
|
| | | <textarea id="fullscreenarea" style="width:100%; height:100%"></textarea>
|
| | | </form>
|
| | |
|
| | | <script type="text/javascript">
|
| | | render();
|
| | | </script>
|
| | |
|
| | | </body>
|
| | | </html>
|
New file |
| | |
| | | (function(){tinymce.create("tinymce.plugins.IESpell",{init:function(a,b){var c=this,d;if(!tinymce.isIE){return}c.editor=a;a.addCommand("mceIESpell",function(){try{d=new ActiveXObject("ieSpell.ieSpellExtension");d.CheckDocumentNode(a.getDoc().documentElement)}catch(f){if(f.number==-2146827859){a.windowManager.confirm(a.getLang("iespell.download"),function(e){if(e){window.open("http://www.iespell.com/download.php","ieSpellDownload","")}})}else{a.windowManager.alert("Error Loading ieSpell: Exception "+f.number)}}});a.addButton("iespell",{title:"iespell.iespell_desc",cmd:"mceIESpell"})},getInfo:function(){return{longname:"IESpell (IE Only)",author:"Moxiecode Systems AB",authorurl:"http://tinymce.moxiecode.com",infourl:"http://wiki.moxiecode.com/index.php/TinyMCE:Plugins/iespell",version:tinymce.majorVersion+"."+tinymce.minorVersion}}});tinymce.PluginManager.add("iespell",tinymce.plugins.IESpell)})(); |
New file |
| | |
| | | /**
|
| | | * editor_plugin_src.js
|
| | | *
|
| | | * Copyright 2009, Moxiecode Systems AB
|
| | | * Released under LGPL License.
|
| | | *
|
| | | * License: http://tinymce.moxiecode.com/license
|
| | | * Contributing: http://tinymce.moxiecode.com/contributing
|
| | | */
|
| | |
|
| | | (function() {
|
| | | tinymce.create('tinymce.plugins.IESpell', {
|
| | | init : function(ed, url) {
|
| | | var t = this, sp;
|
| | |
|
| | | if (!tinymce.isIE)
|
| | | return;
|
| | |
|
| | | t.editor = ed;
|
| | |
|
| | | // Register commands
|
| | | ed.addCommand('mceIESpell', function() {
|
| | | try {
|
| | | sp = new ActiveXObject("ieSpell.ieSpellExtension");
|
| | | sp.CheckDocumentNode(ed.getDoc().documentElement);
|
| | | } catch (e) {
|
| | | if (e.number == -2146827859) {
|
| | | ed.windowManager.confirm(ed.getLang("iespell.download"), function(s) {
|
| | | if (s)
|
| | | window.open('http://www.iespell.com/download.php', 'ieSpellDownload', '');
|
| | | });
|
| | | } else
|
| | | ed.windowManager.alert("Error Loading ieSpell: Exception " + e.number);
|
| | | }
|
| | | });
|
| | |
|
| | | // Register buttons
|
| | | ed.addButton('iespell', {title : 'iespell.iespell_desc', cmd : 'mceIESpell'});
|
| | | },
|
| | |
|
| | | getInfo : function() {
|
| | | return {
|
| | | longname : 'IESpell (IE Only)',
|
| | | author : 'Moxiecode Systems AB',
|
| | | authorurl : 'http://tinymce.moxiecode.com',
|
| | | infourl : 'http://wiki.moxiecode.com/index.php/TinyMCE:Plugins/iespell',
|
| | | version : tinymce.majorVersion + "." + tinymce.minorVersion
|
| | | };
|
| | | }
|
| | | });
|
| | |
|
| | | // Register plugin
|
| | | tinymce.PluginManager.add('iespell', tinymce.plugins.IESpell);
|
| | | })(); |
New file |
| | |
| | | (function(){var d=tinymce.DOM,b=tinymce.dom.Element,a=tinymce.dom.Event,e=tinymce.each,c=tinymce.is;tinymce.create("tinymce.plugins.InlinePopups",{init:function(f,g){f.onBeforeRenderUI.add(function(){f.windowManager=new tinymce.InlineWindowManager(f);d.loadCSS(g+"/skins/"+(f.settings.inlinepopups_skin||"clearlooks2")+"/window.css")})},getInfo:function(){return{longname:"InlinePopups",author:"Moxiecode Systems AB",authorurl:"http://tinymce.moxiecode.com",infourl:"http://wiki.moxiecode.com/index.php/TinyMCE:Plugins/inlinepopups",version:tinymce.majorVersion+"."+tinymce.minorVersion}}});tinymce.create("tinymce.InlineWindowManager:tinymce.WindowManager",{InlineWindowManager:function(f){var g=this;g.parent(f);g.zIndex=300000;g.count=0;g.windows={}},open:function(s,j){var z=this,i,k="",r=z.editor,g=0,v=0,h,m,o,q,l,x,y,n;s=s||{};j=j||{};if(!s.inline){return z.parent(s,j)}n=z._frontWindow();if(n&&d.get(n.id+"_ifr")){n.focussedElement=d.get(n.id+"_ifr").contentWindow.document.activeElement}if(!s.type){z.bookmark=r.selection.getBookmark(1)}i=d.uniqueId();h=d.getViewPort();s.width=parseInt(s.width||320);s.height=parseInt(s.height||240)+(tinymce.isIE?8:0);s.min_width=parseInt(s.min_width||150);s.min_height=parseInt(s.min_height||100);s.max_width=parseInt(s.max_width||2000);s.max_height=parseInt(s.max_height||2000);s.left=s.left||Math.round(Math.max(h.x,h.x+(h.w/2)-(s.width/2)));s.top=s.top||Math.round(Math.max(h.y,h.y+(h.h/2)-(s.height/2)));s.movable=s.resizable=true;j.mce_width=s.width;j.mce_height=s.height;j.mce_inline=true;j.mce_window_id=i;j.mce_auto_focus=s.auto_focus;z.features=s;z.params=j;z.onOpen.dispatch(z,s,j);if(s.type){k+=" mceModal";if(s.type){k+=" mce"+s.type.substring(0,1).toUpperCase()+s.type.substring(1)}s.resizable=false}if(s.statusbar){k+=" mceStatusbar"}if(s.resizable){k+=" mceResizable"}if(s.minimizable){k+=" mceMinimizable"}if(s.maximizable){k+=" mceMaximizable"}if(s.movable){k+=" mceMovable"}z._addAll(d.doc.body,["div",{id:i,role:"dialog","aria-labelledby":s.type?i+"_content":i+"_title","class":(r.settings.inlinepopups_skin||"clearlooks2")+(tinymce.isIE&&window.getSelection?" ie9":""),style:"width:100px;height:100px"},["div",{id:i+"_wrapper","class":"mceWrapper"+k},["div",{id:i+"_top","class":"mceTop"},["div",{"class":"mceLeft"}],["div",{"class":"mceCenter"}],["div",{"class":"mceRight"}],["span",{id:i+"_title"},s.title||""]],["div",{id:i+"_middle","class":"mceMiddle"},["div",{id:i+"_left","class":"mceLeft",tabindex:"0"}],["span",{id:i+"_content"}],["div",{id:i+"_right","class":"mceRight",tabindex:"0"}]],["div",{id:i+"_bottom","class":"mceBottom"},["div",{"class":"mceLeft"}],["div",{"class":"mceCenter"}],["div",{"class":"mceRight"}],["span",{id:i+"_status"},"Content"]],["a",{"class":"mceMove",tabindex:"-1",href:"javascript:;"}],["a",{"class":"mceMin",tabindex:"-1",href:"javascript:;",onmousedown:"return false;"}],["a",{"class":"mceMax",tabindex:"-1",href:"javascript:;",onmousedown:"return false;"}],["a",{"class":"mceMed",tabindex:"-1",href:"javascript:;",onmousedown:"return false;"}],["a",{"class":"mceClose",tabindex:"-1",href:"javascript:;",onmousedown:"return false;"}],["a",{id:i+"_resize_n","class":"mceResize mceResizeN",tabindex:"-1",href:"javascript:;"}],["a",{id:i+"_resize_s","class":"mceResize mceResizeS",tabindex:"-1",href:"javascript:;"}],["a",{id:i+"_resize_w","class":"mceResize mceResizeW",tabindex:"-1",href:"javascript:;"}],["a",{id:i+"_resize_e","class":"mceResize mceResizeE",tabindex:"-1",href:"javascript:;"}],["a",{id:i+"_resize_nw","class":"mceResize mceResizeNW",tabindex:"-1",href:"javascript:;"}],["a",{id:i+"_resize_ne","class":"mceResize mceResizeNE",tabindex:"-1",href:"javascript:;"}],["a",{id:i+"_resize_sw","class":"mceResize mceResizeSW",tabindex:"-1",href:"javascript:;"}],["a",{id:i+"_resize_se","class":"mceResize mceResizeSE",tabindex:"-1",href:"javascript:;"}]]]);d.setStyles(i,{top:-10000,left:-10000});if(tinymce.isGecko){d.setStyle(i,"overflow","auto")}if(!s.type){g+=d.get(i+"_left").clientWidth;g+=d.get(i+"_right").clientWidth;v+=d.get(i+"_top").clientHeight;v+=d.get(i+"_bottom").clientHeight}d.setStyles(i,{top:s.top,left:s.left,width:s.width+g,height:s.height+v});y=s.url||s.file;if(y){if(tinymce.relaxedDomain){y+=(y.indexOf("?")==-1?"?":"&")+"mce_rdomain="+tinymce.relaxedDomain}y=tinymce._addVer(y)}if(!s.type){d.add(i+"_content","iframe",{id:i+"_ifr",src:'javascript:""',frameBorder:0,style:"border:0;width:10px;height:10px"});d.setStyles(i+"_ifr",{width:s.width,height:s.height});d.setAttrib(i+"_ifr","src",y)}else{d.add(i+"_wrapper","a",{id:i+"_ok","class":"mceButton mceOk",href:"javascript:;",onmousedown:"return false;"},"Ok");if(s.type=="confirm"){d.add(i+"_wrapper","a",{"class":"mceButton mceCancel",href:"javascript:;",onmousedown:"return false;"},"Cancel")}d.add(i+"_middle","div",{"class":"mceIcon"});d.setHTML(i+"_content",s.content.replace("\n","<br />"));a.add(i,"keyup",function(f){var p=27;if(f.keyCode===p){s.button_func(false);return a.cancel(f)}});a.add(i,"keydown",function(f){var t,p=9;if(f.keyCode===p){t=d.select("a.mceCancel",i+"_wrapper")[0];if(t&&t!==f.target){t.focus()}else{d.get(i+"_ok").focus()}return a.cancel(f)}})}o=a.add(i,"mousedown",function(t){var u=t.target,f,p;f=z.windows[i];z.focus(i);if(u.nodeName=="A"||u.nodeName=="a"){if(u.className=="mceClose"){z.close(null,i);return a.cancel(t)}else{if(u.className=="mceMax"){f.oldPos=f.element.getXY();f.oldSize=f.element.getSize();p=d.getViewPort();p.w-=2;p.h-=2;f.element.moveTo(p.x,p.y);f.element.resizeTo(p.w,p.h);d.setStyles(i+"_ifr",{width:p.w-f.deltaWidth,height:p.h-f.deltaHeight});d.addClass(i+"_wrapper","mceMaximized")}else{if(u.className=="mceMed"){f.element.moveTo(f.oldPos.x,f.oldPos.y);f.element.resizeTo(f.oldSize.w,f.oldSize.h);f.iframeElement.resizeTo(f.oldSize.w-f.deltaWidth,f.oldSize.h-f.deltaHeight);d.removeClass(i+"_wrapper","mceMaximized")}else{if(u.className=="mceMove"){return z._startDrag(i,t,u.className)}else{if(d.hasClass(u,"mceResize")){return z._startDrag(i,t,u.className.substring(13))}}}}}}});q=a.add(i,"click",function(f){var p=f.target;z.focus(i);if(p.nodeName=="A"||p.nodeName=="a"){switch(p.className){case"mceClose":z.close(null,i);return a.cancel(f);case"mceButton mceOk":case"mceButton mceCancel":s.button_func(p.className=="mceButton mceOk");return a.cancel(f)}}});a.add([i+"_left",i+"_right"],"focus",function(p){var t=d.get(i+"_ifr");if(t){var f=t.contentWindow.document.body;var u=d.select(":input:enabled,*[tabindex=0]",f);if(p.target.id===(i+"_left")){u[u.length-1].focus()}else{u[0].focus()}}else{d.get(i+"_ok").focus()}});x=z.windows[i]={id:i,mousedown_func:o,click_func:q,element:new b(i,{blocker:1,container:r.getContainer()}),iframeElement:new b(i+"_ifr"),features:s,deltaWidth:g,deltaHeight:v};x.iframeElement.on("focus",function(){z.focus(i)});if(z.count==0&&z.editor.getParam("dialog_type","modal")=="modal"){d.add(d.doc.body,"div",{id:"mceModalBlocker","class":(z.editor.settings.inlinepopups_skin||"clearlooks2")+"_modalBlocker",style:{zIndex:z.zIndex-1}});d.show("mceModalBlocker");d.setAttrib(d.doc.body,"aria-hidden","true")}else{d.setStyle("mceModalBlocker","z-index",z.zIndex-1)}if(tinymce.isIE6||/Firefox\/2\./.test(navigator.userAgent)||(tinymce.isIE&&!d.boxModel)){d.setStyles("mceModalBlocker",{position:"absolute",left:h.x,top:h.y,width:h.w-2,height:h.h-2})}d.setAttrib(i,"aria-hidden","false");z.focus(i);z._fixIELayout(i,1);if(d.get(i+"_ok")){d.get(i+"_ok").focus()}z.count++;return x},focus:function(h){var g=this,f;if(f=g.windows[h]){f.zIndex=this.zIndex++;f.element.setStyle("zIndex",f.zIndex);f.element.update();h=h+"_wrapper";d.removeClass(g.lastId,"mceFocus");d.addClass(h,"mceFocus");g.lastId=h;if(f.focussedElement){f.focussedElement.focus()}else{if(d.get(h+"_ok")){d.get(f.id+"_ok").focus()}else{if(d.get(f.id+"_ifr")){d.get(f.id+"_ifr").focus()}}}}},_addAll:function(k,h){var g,l,f=this,j=tinymce.DOM;if(c(h,"string")){k.appendChild(j.doc.createTextNode(h))}else{if(h.length){k=k.appendChild(j.create(h[0],h[1]));for(g=2;g<h.length;g++){f._addAll(k,h[g])}}}},_startDrag:function(v,G,E){var o=this,u,z,C=d.doc,f,l=o.windows[v],h=l.element,y=h.getXY(),x,q,F,g,A,s,r,j,i,m,k,n,B;g={x:0,y:0};A=d.getViewPort();A.w-=2;A.h-=2;j=G.screenX;i=G.screenY;m=k=n=B=0;u=a.add(C,"mouseup",function(p){a.remove(C,"mouseup",u);a.remove(C,"mousemove",z);if(f){f.remove()}h.moveBy(m,k);h.resizeBy(n,B);q=h.getSize();d.setStyles(v+"_ifr",{width:q.w-l.deltaWidth,height:q.h-l.deltaHeight});o._fixIELayout(v,1);return a.cancel(p)});if(E!="Move"){D()}function D(){if(f){return}o._fixIELayout(v,0);d.add(C.body,"div",{id:"mceEventBlocker","class":"mceEventBlocker "+(o.editor.settings.inlinepopups_skin||"clearlooks2"),style:{zIndex:o.zIndex+1}});if(tinymce.isIE6||(tinymce.isIE&&!d.boxModel)){d.setStyles("mceEventBlocker",{position:"absolute",left:A.x,top:A.y,width:A.w-2,height:A.h-2})}f=new b("mceEventBlocker");f.update();x=h.getXY();q=h.getSize();s=g.x+x.x-A.x;r=g.y+x.y-A.y;d.add(f.get(),"div",{id:"mcePlaceHolder","class":"mcePlaceHolder",style:{left:s,top:r,width:q.w,height:q.h}});F=new b("mcePlaceHolder")}z=a.add(C,"mousemove",function(w){var p,H,t;D();p=w.screenX-j;H=w.screenY-i;switch(E){case"ResizeW":m=p;n=0-p;break;case"ResizeE":n=p;break;case"ResizeN":case"ResizeNW":case"ResizeNE":if(E=="ResizeNW"){m=p;n=0-p}else{if(E=="ResizeNE"){n=p}}k=H;B=0-H;break;case"ResizeS":case"ResizeSW":case"ResizeSE":if(E=="ResizeSW"){m=p;n=0-p}else{if(E=="ResizeSE"){n=p}}B=H;break;case"mceMove":m=p;k=H;break}if(n<(t=l.features.min_width-q.w)){if(m!==0){m+=n-t}n=t}if(B<(t=l.features.min_height-q.h)){if(k!==0){k+=B-t}B=t}n=Math.min(n,l.features.max_width-q.w);B=Math.min(B,l.features.max_height-q.h);m=Math.max(m,A.x-(s+A.x));k=Math.max(k,A.y-(r+A.y));m=Math.min(m,(A.w+A.x)-(s+q.w+A.x));k=Math.min(k,(A.h+A.y)-(r+q.h+A.y));if(m+k!==0){if(s+m<0){m=0}if(r+k<0){k=0}F.moveTo(s+m,r+k)}if(n+B!==0){F.resizeTo(q.w+n,q.h+B)}return a.cancel(w)});return a.cancel(G)},resizeBy:function(g,h,i){var f=this.windows[i];if(f){f.element.resizeBy(g,h);f.iframeElement.resizeBy(g,h)}},close:function(i,k){var g=this,f,j=d.doc,h,k;k=g._findId(k||i);if(!g.windows[k]){g.parent(i);return}g.count--;if(g.count==0){d.remove("mceModalBlocker");d.setAttrib(d.doc.body,"aria-hidden","false");g.editor.focus()}if(f=g.windows[k]){g.onClose.dispatch(g);a.remove(j,"mousedown",f.mousedownFunc);a.remove(j,"click",f.clickFunc);a.clear(k);a.clear(k+"_ifr");d.setAttrib(k+"_ifr","src",'javascript:""');f.element.remove();delete g.windows[k];h=g._frontWindow();if(h){g.focus(h.id)}}},_frontWindow:function(){var g,f=0;e(this.windows,function(h){if(h.zIndex>f){g=h;f=h.zIndex}});return g},setTitle:function(f,g){var h;f=this._findId(f);if(h=d.get(f+"_title")){h.innerHTML=d.encode(g)}},alert:function(g,f,j){var i=this,h;h=i.open({title:i,type:"alert",button_func:function(k){if(f){f.call(k||i,k)}i.close(null,h.id)},content:d.encode(i.editor.getLang(g,g)),inline:1,width:400,height:130})},confirm:function(g,f,j){var i=this,h;h=i.open({title:i,type:"confirm",button_func:function(k){if(f){f.call(k||i,k)}i.close(null,h.id)},content:d.encode(i.editor.getLang(g,g)),inline:1,width:400,height:130})},_findId:function(f){var g=this;if(typeof(f)=="string"){return f}e(g.windows,function(h){var i=d.get(h.id+"_ifr");if(i&&f==i.contentWindow){f=h.id;return false}});return f},_fixIELayout:function(i,h){var f,g;if(!tinymce.isIE6){return}e(["n","s","w","e","nw","ne","sw","se"],function(j){var k=d.get(i+"_resize_"+j);d.setStyles(k,{width:h?k.clientWidth:"",height:h?k.clientHeight:"",cursor:d.getStyle(k,"cursor",1)});d.setStyle(i+"_bottom","bottom","-1px");k=0});if(f=this.windows[i]){f.element.hide();f.element.show();e(d.select("div,a",i),function(k,j){if(k.currentStyle.backgroundImage!="none"){g=new Image();g.src=k.currentStyle.backgroundImage.replace(/url\(\"(.+)\"\)/,"$1")}});d.get(i).style.filter=""}}});tinymce.PluginManager.add("inlinepopups",tinymce.plugins.InlinePopups)})(); |
New file |
| | |
| | | /**
|
| | | * editor_plugin_src.js
|
| | | *
|
| | | * Copyright 2009, Moxiecode Systems AB
|
| | | * Released under LGPL License.
|
| | | *
|
| | | * License: http://tinymce.moxiecode.com/license
|
| | | * Contributing: http://tinymce.moxiecode.com/contributing
|
| | | */
|
| | |
|
| | | (function() {
|
| | | var DOM = tinymce.DOM, Element = tinymce.dom.Element, Event = tinymce.dom.Event, each = tinymce.each, is = tinymce.is;
|
| | |
|
| | | tinymce.create('tinymce.plugins.InlinePopups', {
|
| | | init : function(ed, url) {
|
| | | // Replace window manager
|
| | | ed.onBeforeRenderUI.add(function() {
|
| | | ed.windowManager = new tinymce.InlineWindowManager(ed);
|
| | | DOM.loadCSS(url + '/skins/' + (ed.settings.inlinepopups_skin || 'clearlooks2') + "/window.css");
|
| | | });
|
| | | },
|
| | |
|
| | | getInfo : function() {
|
| | | return {
|
| | | longname : 'InlinePopups',
|
| | | author : 'Moxiecode Systems AB',
|
| | | authorurl : 'http://tinymce.moxiecode.com',
|
| | | infourl : 'http://wiki.moxiecode.com/index.php/TinyMCE:Plugins/inlinepopups',
|
| | | version : tinymce.majorVersion + "." + tinymce.minorVersion
|
| | | };
|
| | | }
|
| | | });
|
| | |
|
| | | tinymce.create('tinymce.InlineWindowManager:tinymce.WindowManager', {
|
| | | InlineWindowManager : function(ed) {
|
| | | var t = this;
|
| | |
|
| | | t.parent(ed);
|
| | | t.zIndex = 300000;
|
| | | t.count = 0;
|
| | | t.windows = {};
|
| | | },
|
| | |
|
| | | open : function(f, p) {
|
| | | var t = this, id, opt = '', ed = t.editor, dw = 0, dh = 0, vp, po, mdf, clf, we, w, u, parentWindow;
|
| | |
|
| | | f = f || {};
|
| | | p = p || {};
|
| | |
|
| | | // Run native windows
|
| | | if (!f.inline)
|
| | | return t.parent(f, p);
|
| | |
|
| | | parentWindow = t._frontWindow();
|
| | | if (parentWindow && DOM.get(parentWindow.id + '_ifr')) {
|
| | | parentWindow.focussedElement = DOM.get(parentWindow.id + '_ifr').contentWindow.document.activeElement;
|
| | | }
|
| | | |
| | | // Only store selection if the type is a normal window
|
| | | if (!f.type)
|
| | | t.bookmark = ed.selection.getBookmark(1);
|
| | |
|
| | | id = DOM.uniqueId();
|
| | | vp = DOM.getViewPort();
|
| | | f.width = parseInt(f.width || 320);
|
| | | f.height = parseInt(f.height || 240) + (tinymce.isIE ? 8 : 0);
|
| | | f.min_width = parseInt(f.min_width || 150);
|
| | | f.min_height = parseInt(f.min_height || 100);
|
| | | f.max_width = parseInt(f.max_width || 2000);
|
| | | f.max_height = parseInt(f.max_height || 2000);
|
| | | f.left = f.left || Math.round(Math.max(vp.x, vp.x + (vp.w / 2.0) - (f.width / 2.0)));
|
| | | f.top = f.top || Math.round(Math.max(vp.y, vp.y + (vp.h / 2.0) - (f.height / 2.0)));
|
| | | f.movable = f.resizable = true;
|
| | | p.mce_width = f.width;
|
| | | p.mce_height = f.height;
|
| | | p.mce_inline = true;
|
| | | p.mce_window_id = id;
|
| | | p.mce_auto_focus = f.auto_focus;
|
| | |
|
| | | // Transpose
|
| | | // po = DOM.getPos(ed.getContainer());
|
| | | // f.left -= po.x;
|
| | | // f.top -= po.y;
|
| | |
|
| | | t.features = f;
|
| | | t.params = p;
|
| | | t.onOpen.dispatch(t, f, p);
|
| | |
|
| | | if (f.type) {
|
| | | opt += ' mceModal';
|
| | |
|
| | | if (f.type)
|
| | | opt += ' mce' + f.type.substring(0, 1).toUpperCase() + f.type.substring(1);
|
| | |
|
| | | f.resizable = false;
|
| | | }
|
| | |
|
| | | if (f.statusbar)
|
| | | opt += ' mceStatusbar';
|
| | |
|
| | | if (f.resizable)
|
| | | opt += ' mceResizable';
|
| | |
|
| | | if (f.minimizable)
|
| | | opt += ' mceMinimizable';
|
| | |
|
| | | if (f.maximizable)
|
| | | opt += ' mceMaximizable';
|
| | |
|
| | | if (f.movable)
|
| | | opt += ' mceMovable';
|
| | |
|
| | | // Create DOM objects
|
| | | t._addAll(DOM.doc.body, |
| | | ['div', {id : id, role : 'dialog', 'aria-labelledby': f.type ? id + '_content' : id + '_title', 'class' : (ed.settings.inlinepopups_skin || 'clearlooks2') + (tinymce.isIE && window.getSelection ? ' ie9' : ''), style : 'width:100px;height:100px'}, |
| | | ['div', {id : id + '_wrapper', 'class' : 'mceWrapper' + opt},
|
| | | ['div', {id : id + '_top', 'class' : 'mceTop'}, |
| | | ['div', {'class' : 'mceLeft'}],
|
| | | ['div', {'class' : 'mceCenter'}],
|
| | | ['div', {'class' : 'mceRight'}],
|
| | | ['span', {id : id + '_title'}, f.title || '']
|
| | | ],
|
| | |
|
| | | ['div', {id : id + '_middle', 'class' : 'mceMiddle'}, |
| | | ['div', {id : id + '_left', 'class' : 'mceLeft', tabindex : '0'}],
|
| | | ['span', {id : id + '_content'}],
|
| | | ['div', {id : id + '_right', 'class' : 'mceRight', tabindex : '0'}]
|
| | | ],
|
| | |
|
| | | ['div', {id : id + '_bottom', 'class' : 'mceBottom'},
|
| | | ['div', {'class' : 'mceLeft'}],
|
| | | ['div', {'class' : 'mceCenter'}],
|
| | | ['div', {'class' : 'mceRight'}],
|
| | | ['span', {id : id + '_status'}, 'Content']
|
| | | ],
|
| | |
|
| | | ['a', {'class' : 'mceMove', tabindex : '-1', href : 'javascript:;'}],
|
| | | ['a', {'class' : 'mceMin', tabindex : '-1', href : 'javascript:;', onmousedown : 'return false;'}],
|
| | | ['a', {'class' : 'mceMax', tabindex : '-1', href : 'javascript:;', onmousedown : 'return false;'}],
|
| | | ['a', {'class' : 'mceMed', tabindex : '-1', href : 'javascript:;', onmousedown : 'return false;'}],
|
| | | ['a', {'class' : 'mceClose', tabindex : '-1', href : 'javascript:;', onmousedown : 'return false;'}],
|
| | | ['a', {id : id + '_resize_n', 'class' : 'mceResize mceResizeN', tabindex : '-1', href : 'javascript:;'}],
|
| | | ['a', {id : id + '_resize_s', 'class' : 'mceResize mceResizeS', tabindex : '-1', href : 'javascript:;'}],
|
| | | ['a', {id : id + '_resize_w', 'class' : 'mceResize mceResizeW', tabindex : '-1', href : 'javascript:;'}],
|
| | | ['a', {id : id + '_resize_e', 'class' : 'mceResize mceResizeE', tabindex : '-1', href : 'javascript:;'}],
|
| | | ['a', {id : id + '_resize_nw', 'class' : 'mceResize mceResizeNW', tabindex : '-1', href : 'javascript:;'}],
|
| | | ['a', {id : id + '_resize_ne', 'class' : 'mceResize mceResizeNE', tabindex : '-1', href : 'javascript:;'}],
|
| | | ['a', {id : id + '_resize_sw', 'class' : 'mceResize mceResizeSW', tabindex : '-1', href : 'javascript:;'}],
|
| | | ['a', {id : id + '_resize_se', 'class' : 'mceResize mceResizeSE', tabindex : '-1', href : 'javascript:;'}]
|
| | | ]
|
| | | ]
|
| | | );
|
| | |
|
| | | DOM.setStyles(id, {top : -10000, left : -10000});
|
| | |
|
| | | // Fix gecko rendering bug, where the editors iframe messed with window contents
|
| | | if (tinymce.isGecko)
|
| | | DOM.setStyle(id, 'overflow', 'auto');
|
| | |
|
| | | // Measure borders
|
| | | if (!f.type) {
|
| | | dw += DOM.get(id + '_left').clientWidth;
|
| | | dw += DOM.get(id + '_right').clientWidth;
|
| | | dh += DOM.get(id + '_top').clientHeight;
|
| | | dh += DOM.get(id + '_bottom').clientHeight;
|
| | | }
|
| | |
|
| | | // Resize window
|
| | | DOM.setStyles(id, {top : f.top, left : f.left, width : f.width + dw, height : f.height + dh});
|
| | |
|
| | | u = f.url || f.file;
|
| | | if (u) {
|
| | | if (tinymce.relaxedDomain)
|
| | | u += (u.indexOf('?') == -1 ? '?' : '&') + 'mce_rdomain=' + tinymce.relaxedDomain;
|
| | |
|
| | | u = tinymce._addVer(u);
|
| | | }
|
| | |
|
| | | if (!f.type) {
|
| | | DOM.add(id + '_content', 'iframe', {id : id + '_ifr', src : 'javascript:""', frameBorder : 0, style : 'border:0;width:10px;height:10px'});
|
| | | DOM.setStyles(id + '_ifr', {width : f.width, height : f.height});
|
| | | DOM.setAttrib(id + '_ifr', 'src', u);
|
| | | } else {
|
| | | DOM.add(id + '_wrapper', 'a', {id : id + '_ok', 'class' : 'mceButton mceOk', href : 'javascript:;', onmousedown : 'return false;'}, 'Ok');
|
| | |
|
| | | if (f.type == 'confirm')
|
| | | DOM.add(id + '_wrapper', 'a', {'class' : 'mceButton mceCancel', href : 'javascript:;', onmousedown : 'return false;'}, 'Cancel');
|
| | |
|
| | | DOM.add(id + '_middle', 'div', {'class' : 'mceIcon'});
|
| | | DOM.setHTML(id + '_content', f.content.replace('\n', '<br />'));
|
| | | |
| | | Event.add(id, 'keyup', function(evt) {
|
| | | var VK_ESCAPE = 27;
|
| | | if (evt.keyCode === VK_ESCAPE) {
|
| | | f.button_func(false);
|
| | | return Event.cancel(evt);
|
| | | }
|
| | | });
|
| | |
|
| | | Event.add(id, 'keydown', function(evt) {
|
| | | var cancelButton, VK_TAB = 9;
|
| | | if (evt.keyCode === VK_TAB) {
|
| | | cancelButton = DOM.select('a.mceCancel', id + '_wrapper')[0];
|
| | | if (cancelButton && cancelButton !== evt.target) {
|
| | | cancelButton.focus();
|
| | | } else {
|
| | | DOM.get(id + '_ok').focus();
|
| | | }
|
| | | return Event.cancel(evt);
|
| | | }
|
| | | });
|
| | | }
|
| | |
|
| | | // Register events
|
| | | mdf = Event.add(id, 'mousedown', function(e) {
|
| | | var n = e.target, w, vp;
|
| | |
|
| | | w = t.windows[id];
|
| | | t.focus(id);
|
| | |
|
| | | if (n.nodeName == 'A' || n.nodeName == 'a') {
|
| | | if (n.className == 'mceClose') {
|
| | | t.close(null, id);
|
| | | return Event.cancel(e);
|
| | | } else if (n.className == 'mceMax') {
|
| | | w.oldPos = w.element.getXY();
|
| | | w.oldSize = w.element.getSize();
|
| | |
|
| | | vp = DOM.getViewPort();
|
| | |
|
| | | // Reduce viewport size to avoid scrollbars
|
| | | vp.w -= 2;
|
| | | vp.h -= 2;
|
| | |
|
| | | w.element.moveTo(vp.x, vp.y);
|
| | | w.element.resizeTo(vp.w, vp.h);
|
| | | DOM.setStyles(id + '_ifr', {width : vp.w - w.deltaWidth, height : vp.h - w.deltaHeight});
|
| | | DOM.addClass(id + '_wrapper', 'mceMaximized');
|
| | | } else if (n.className == 'mceMed') {
|
| | | // Reset to old size
|
| | | w.element.moveTo(w.oldPos.x, w.oldPos.y);
|
| | | w.element.resizeTo(w.oldSize.w, w.oldSize.h);
|
| | | w.iframeElement.resizeTo(w.oldSize.w - w.deltaWidth, w.oldSize.h - w.deltaHeight);
|
| | |
|
| | | DOM.removeClass(id + '_wrapper', 'mceMaximized');
|
| | | } else if (n.className == 'mceMove')
|
| | | return t._startDrag(id, e, n.className);
|
| | | else if (DOM.hasClass(n, 'mceResize'))
|
| | | return t._startDrag(id, e, n.className.substring(13));
|
| | | }
|
| | | });
|
| | |
|
| | | clf = Event.add(id, 'click', function(e) {
|
| | | var n = e.target;
|
| | |
|
| | | t.focus(id);
|
| | |
|
| | | if (n.nodeName == 'A' || n.nodeName == 'a') {
|
| | | switch (n.className) {
|
| | | case 'mceClose':
|
| | | t.close(null, id);
|
| | | return Event.cancel(e);
|
| | |
|
| | | case 'mceButton mceOk':
|
| | | case 'mceButton mceCancel':
|
| | | f.button_func(n.className == 'mceButton mceOk');
|
| | | return Event.cancel(e);
|
| | | }
|
| | | }
|
| | | });
|
| | | |
| | | // Make sure the tab order loops within the dialog.
|
| | | Event.add([id + '_left', id + '_right'], 'focus', function(evt) {
|
| | | var iframe = DOM.get(id + '_ifr');
|
| | | if (iframe) {
|
| | | var body = iframe.contentWindow.document.body;
|
| | | var focusable = DOM.select(':input:enabled,*[tabindex=0]', body);
|
| | | if (evt.target.id === (id + '_left')) {
|
| | | focusable[focusable.length - 1].focus();
|
| | | } else {
|
| | | focusable[0].focus();
|
| | | }
|
| | | } else {
|
| | | DOM.get(id + '_ok').focus();
|
| | | }
|
| | | });
|
| | | |
| | | // Add window
|
| | | w = t.windows[id] = {
|
| | | id : id,
|
| | | mousedown_func : mdf,
|
| | | click_func : clf,
|
| | | element : new Element(id, {blocker : 1, container : ed.getContainer()}),
|
| | | iframeElement : new Element(id + '_ifr'),
|
| | | features : f,
|
| | | deltaWidth : dw,
|
| | | deltaHeight : dh
|
| | | };
|
| | |
|
| | | w.iframeElement.on('focus', function() {
|
| | | t.focus(id);
|
| | | });
|
| | |
|
| | | // Setup blocker
|
| | | if (t.count == 0 && t.editor.getParam('dialog_type', 'modal') == 'modal') {
|
| | | DOM.add(DOM.doc.body, 'div', {
|
| | | id : 'mceModalBlocker',
|
| | | 'class' : (t.editor.settings.inlinepopups_skin || 'clearlooks2') + '_modalBlocker',
|
| | | style : {zIndex : t.zIndex - 1}
|
| | | });
|
| | |
|
| | | DOM.show('mceModalBlocker'); // Reduces flicker in IE
|
| | | DOM.setAttrib(DOM.doc.body, 'aria-hidden', 'true');
|
| | | } else
|
| | | DOM.setStyle('mceModalBlocker', 'z-index', t.zIndex - 1);
|
| | |
|
| | | if (tinymce.isIE6 || /Firefox\/2\./.test(navigator.userAgent) || (tinymce.isIE && !DOM.boxModel))
|
| | | DOM.setStyles('mceModalBlocker', {position : 'absolute', left : vp.x, top : vp.y, width : vp.w - 2, height : vp.h - 2});
|
| | |
|
| | | DOM.setAttrib(id, 'aria-hidden', 'false');
|
| | | t.focus(id);
|
| | | t._fixIELayout(id, 1);
|
| | |
|
| | | // Focus ok button
|
| | | if (DOM.get(id + '_ok'))
|
| | | DOM.get(id + '_ok').focus();
|
| | | t.count++;
|
| | |
|
| | | return w;
|
| | | },
|
| | |
|
| | | focus : function(id) {
|
| | | var t = this, w;
|
| | |
|
| | | if (w = t.windows[id]) {
|
| | | w.zIndex = this.zIndex++;
|
| | | w.element.setStyle('zIndex', w.zIndex);
|
| | | w.element.update();
|
| | |
|
| | | id = id + '_wrapper';
|
| | | DOM.removeClass(t.lastId, 'mceFocus');
|
| | | DOM.addClass(id, 'mceFocus');
|
| | | t.lastId = id;
|
| | | |
| | | if (w.focussedElement) {
|
| | | w.focussedElement.focus();
|
| | | } else if (DOM.get(id + '_ok')) {
|
| | | DOM.get(w.id + '_ok').focus();
|
| | | } else if (DOM.get(w.id + '_ifr')) {
|
| | | DOM.get(w.id + '_ifr').focus();
|
| | | }
|
| | | }
|
| | | },
|
| | |
|
| | | _addAll : function(te, ne) {
|
| | | var i, n, t = this, dom = tinymce.DOM;
|
| | |
|
| | | if (is(ne, 'string'))
|
| | | te.appendChild(dom.doc.createTextNode(ne));
|
| | | else if (ne.length) {
|
| | | te = te.appendChild(dom.create(ne[0], ne[1]));
|
| | |
|
| | | for (i=2; i<ne.length; i++)
|
| | | t._addAll(te, ne[i]);
|
| | | }
|
| | | },
|
| | |
|
| | | _startDrag : function(id, se, ac) {
|
| | | var t = this, mu, mm, d = DOM.doc, eb, w = t.windows[id], we = w.element, sp = we.getXY(), p, sz, ph, cp, vp, sx, sy, sex, sey, dx, dy, dw, dh;
|
| | |
|
| | | // Get positons and sizes
|
| | | // cp = DOM.getPos(t.editor.getContainer());
|
| | | cp = {x : 0, y : 0};
|
| | | vp = DOM.getViewPort();
|
| | |
|
| | | // Reduce viewport size to avoid scrollbars while dragging
|
| | | vp.w -= 2;
|
| | | vp.h -= 2;
|
| | |
|
| | | sex = se.screenX;
|
| | | sey = se.screenY;
|
| | | dx = dy = dw = dh = 0;
|
| | |
|
| | | // Handle mouse up
|
| | | mu = Event.add(d, 'mouseup', function(e) {
|
| | | Event.remove(d, 'mouseup', mu);
|
| | | Event.remove(d, 'mousemove', mm);
|
| | |
|
| | | if (eb)
|
| | | eb.remove();
|
| | |
|
| | | we.moveBy(dx, dy);
|
| | | we.resizeBy(dw, dh);
|
| | | sz = we.getSize();
|
| | | DOM.setStyles(id + '_ifr', {width : sz.w - w.deltaWidth, height : sz.h - w.deltaHeight});
|
| | | t._fixIELayout(id, 1);
|
| | |
|
| | | return Event.cancel(e);
|
| | | });
|
| | |
|
| | | if (ac != 'Move')
|
| | | startMove();
|
| | |
|
| | | function startMove() {
|
| | | if (eb)
|
| | | return;
|
| | |
|
| | | t._fixIELayout(id, 0);
|
| | |
|
| | | // Setup event blocker
|
| | | DOM.add(d.body, 'div', {
|
| | | id : 'mceEventBlocker',
|
| | | 'class' : 'mceEventBlocker ' + (t.editor.settings.inlinepopups_skin || 'clearlooks2'),
|
| | | style : {zIndex : t.zIndex + 1}
|
| | | });
|
| | |
|
| | | if (tinymce.isIE6 || (tinymce.isIE && !DOM.boxModel))
|
| | | DOM.setStyles('mceEventBlocker', {position : 'absolute', left : vp.x, top : vp.y, width : vp.w - 2, height : vp.h - 2});
|
| | |
|
| | | eb = new Element('mceEventBlocker');
|
| | | eb.update();
|
| | |
|
| | | // Setup placeholder
|
| | | p = we.getXY();
|
| | | sz = we.getSize();
|
| | | sx = cp.x + p.x - vp.x;
|
| | | sy = cp.y + p.y - vp.y;
|
| | | DOM.add(eb.get(), 'div', {id : 'mcePlaceHolder', 'class' : 'mcePlaceHolder', style : {left : sx, top : sy, width : sz.w, height : sz.h}});
|
| | | ph = new Element('mcePlaceHolder');
|
| | | };
|
| | |
|
| | | // Handle mouse move/drag
|
| | | mm = Event.add(d, 'mousemove', function(e) {
|
| | | var x, y, v;
|
| | |
|
| | | startMove();
|
| | |
|
| | | x = e.screenX - sex;
|
| | | y = e.screenY - sey;
|
| | |
|
| | | switch (ac) {
|
| | | case 'ResizeW':
|
| | | dx = x;
|
| | | dw = 0 - x;
|
| | | break;
|
| | |
|
| | | case 'ResizeE':
|
| | | dw = x;
|
| | | break;
|
| | |
|
| | | case 'ResizeN':
|
| | | case 'ResizeNW':
|
| | | case 'ResizeNE':
|
| | | if (ac == "ResizeNW") {
|
| | | dx = x;
|
| | | dw = 0 - x;
|
| | | } else if (ac == "ResizeNE")
|
| | | dw = x;
|
| | |
|
| | | dy = y;
|
| | | dh = 0 - y;
|
| | | break;
|
| | |
|
| | | case 'ResizeS':
|
| | | case 'ResizeSW':
|
| | | case 'ResizeSE':
|
| | | if (ac == "ResizeSW") {
|
| | | dx = x;
|
| | | dw = 0 - x;
|
| | | } else if (ac == "ResizeSE")
|
| | | dw = x;
|
| | |
|
| | | dh = y;
|
| | | break;
|
| | |
|
| | | case 'mceMove':
|
| | | dx = x;
|
| | | dy = y;
|
| | | break;
|
| | | }
|
| | |
|
| | | // Boundary check
|
| | | if (dw < (v = w.features.min_width - sz.w)) {
|
| | | if (dx !== 0)
|
| | | dx += dw - v;
|
| | |
|
| | | dw = v;
|
| | | }
|
| | | |
| | | if (dh < (v = w.features.min_height - sz.h)) {
|
| | | if (dy !== 0)
|
| | | dy += dh - v;
|
| | |
|
| | | dh = v;
|
| | | }
|
| | |
|
| | | dw = Math.min(dw, w.features.max_width - sz.w);
|
| | | dh = Math.min(dh, w.features.max_height - sz.h);
|
| | | dx = Math.max(dx, vp.x - (sx + vp.x));
|
| | | dy = Math.max(dy, vp.y - (sy + vp.y));
|
| | | dx = Math.min(dx, (vp.w + vp.x) - (sx + sz.w + vp.x));
|
| | | dy = Math.min(dy, (vp.h + vp.y) - (sy + sz.h + vp.y));
|
| | |
|
| | | // Move if needed
|
| | | if (dx + dy !== 0) {
|
| | | if (sx + dx < 0)
|
| | | dx = 0;
|
| | | |
| | | if (sy + dy < 0)
|
| | | dy = 0;
|
| | |
|
| | | ph.moveTo(sx + dx, sy + dy);
|
| | | }
|
| | |
|
| | | // Resize if needed
|
| | | if (dw + dh !== 0)
|
| | | ph.resizeTo(sz.w + dw, sz.h + dh);
|
| | |
|
| | | return Event.cancel(e);
|
| | | });
|
| | |
|
| | | return Event.cancel(se);
|
| | | },
|
| | |
|
| | | resizeBy : function(dw, dh, id) {
|
| | | var w = this.windows[id];
|
| | |
|
| | | if (w) {
|
| | | w.element.resizeBy(dw, dh);
|
| | | w.iframeElement.resizeBy(dw, dh);
|
| | | }
|
| | | },
|
| | |
|
| | | close : function(win, id) {
|
| | | var t = this, w, d = DOM.doc, fw, id;
|
| | |
|
| | | id = t._findId(id || win);
|
| | |
|
| | | // Probably not inline
|
| | | if (!t.windows[id]) {
|
| | | t.parent(win);
|
| | | return;
|
| | | }
|
| | |
|
| | | t.count--;
|
| | |
|
| | | if (t.count == 0) {
|
| | | DOM.remove('mceModalBlocker');
|
| | | DOM.setAttrib(DOM.doc.body, 'aria-hidden', 'false');
|
| | | t.editor.focus();
|
| | | }
|
| | |
|
| | | if (w = t.windows[id]) {
|
| | | t.onClose.dispatch(t);
|
| | | Event.remove(d, 'mousedown', w.mousedownFunc);
|
| | | Event.remove(d, 'click', w.clickFunc);
|
| | | Event.clear(id);
|
| | | Event.clear(id + '_ifr');
|
| | |
|
| | | DOM.setAttrib(id + '_ifr', 'src', 'javascript:""'); // Prevent leak
|
| | | w.element.remove();
|
| | | delete t.windows[id];
|
| | |
|
| | | fw = t._frontWindow();
|
| | |
|
| | | if (fw)
|
| | | t.focus(fw.id);
|
| | | }
|
| | | },
|
| | | |
| | | // Find front most window
|
| | | _frontWindow : function() {
|
| | | var fw, ix = 0;
|
| | | // Find front most window and focus that
|
| | | each (this.windows, function(w) {
|
| | | if (w.zIndex > ix) {
|
| | | fw = w;
|
| | | ix = w.zIndex;
|
| | | }
|
| | | });
|
| | | return fw;
|
| | | },
|
| | |
|
| | | setTitle : function(w, ti) {
|
| | | var e;
|
| | |
|
| | | w = this._findId(w);
|
| | |
|
| | | if (e = DOM.get(w + '_title'))
|
| | | e.innerHTML = DOM.encode(ti);
|
| | | },
|
| | |
|
| | | alert : function(txt, cb, s) {
|
| | | var t = this, w;
|
| | |
|
| | | w = t.open({
|
| | | title : t,
|
| | | type : 'alert',
|
| | | button_func : function(s) {
|
| | | if (cb)
|
| | | cb.call(s || t, s);
|
| | |
|
| | | t.close(null, w.id);
|
| | | },
|
| | | content : DOM.encode(t.editor.getLang(txt, txt)),
|
| | | inline : 1,
|
| | | width : 400,
|
| | | height : 130
|
| | | });
|
| | | },
|
| | |
|
| | | confirm : function(txt, cb, s) {
|
| | | var t = this, w;
|
| | |
|
| | | w = t.open({
|
| | | title : t,
|
| | | type : 'confirm',
|
| | | button_func : function(s) {
|
| | | if (cb)
|
| | | cb.call(s || t, s);
|
| | |
|
| | | t.close(null, w.id);
|
| | | },
|
| | | content : DOM.encode(t.editor.getLang(txt, txt)),
|
| | | inline : 1,
|
| | | width : 400,
|
| | | height : 130
|
| | | });
|
| | | },
|
| | |
|
| | | // Internal functions
|
| | |
|
| | | _findId : function(w) {
|
| | | var t = this;
|
| | |
|
| | | if (typeof(w) == 'string')
|
| | | return w;
|
| | |
|
| | | each(t.windows, function(wo) {
|
| | | var ifr = DOM.get(wo.id + '_ifr');
|
| | |
|
| | | if (ifr && w == ifr.contentWindow) {
|
| | | w = wo.id;
|
| | | return false;
|
| | | }
|
| | | });
|
| | |
|
| | | return w;
|
| | | },
|
| | |
|
| | | _fixIELayout : function(id, s) {
|
| | | var w, img;
|
| | |
|
| | | if (!tinymce.isIE6)
|
| | | return;
|
| | |
|
| | | // Fixes the bug where hover flickers and does odd things in IE6
|
| | | each(['n','s','w','e','nw','ne','sw','se'], function(v) {
|
| | | var e = DOM.get(id + '_resize_' + v);
|
| | |
|
| | | DOM.setStyles(e, {
|
| | | width : s ? e.clientWidth : '',
|
| | | height : s ? e.clientHeight : '',
|
| | | cursor : DOM.getStyle(e, 'cursor', 1)
|
| | | });
|
| | |
|
| | | DOM.setStyle(id + "_bottom", 'bottom', '-1px');
|
| | |
|
| | | e = 0;
|
| | | });
|
| | |
|
| | | // Fixes graphics glitch
|
| | | if (w = this.windows[id]) {
|
| | | // Fixes rendering bug after resize
|
| | | w.element.hide();
|
| | | w.element.show();
|
| | |
|
| | | // Forced a repaint of the window
|
| | | //DOM.get(id).style.filter = '';
|
| | |
|
| | | // IE has a bug where images used in CSS won't get loaded
|
| | | // sometimes when the cache in the browser is disabled
|
| | | // This fix tries to solve it by loading the images using the image object
|
| | | each(DOM.select('div,a', id), function(e, i) {
|
| | | if (e.currentStyle.backgroundImage != 'none') {
|
| | | img = new Image();
|
| | | img.src = e.currentStyle.backgroundImage.replace(/url\(\"(.+)\"\)/, '$1');
|
| | | }
|
| | | });
|
| | |
|
| | | DOM.get(id).style.filter = '';
|
| | | }
|
| | | }
|
| | | });
|
| | |
|
| | | // Register plugin
|
| | | tinymce.PluginManager.add('inlinepopups', tinymce.plugins.InlinePopups);
|
| | | })();
|
| | |
|
New file |
| | |
| | | /* Clearlooks 2 */ |
| | | |
| | | /* Reset */ |
| | | .clearlooks2, .clearlooks2 div, .clearlooks2 span, .clearlooks2 a {vertical-align:baseline; text-align:left; position:absolute; border:0; padding:0; margin:0; background:transparent; font-family:Arial,Verdana; font-size:11px; color:#000; text-decoration:none; font-weight:normal; width:auto; height:auto; overflow:hidden; display:block} |
| | | |
| | | /* General */ |
| | | .clearlooks2 {position:absolute; direction:ltr} |
| | | .clearlooks2 .mceWrapper {position:static} |
| | | .mceEventBlocker {position:fixed; left:0; top:0; background:url(img/horizontal.gif) no-repeat 0 -75px; width:100%; height:100%} |
| | | .clearlooks2 .mcePlaceHolder {border:1px solid #000; background:#888; top:0; left:0; opacity:0.5; -ms-filter:'alpha(opacity=50)'; filter:alpha(opacity=50)} |
| | | .clearlooks2_modalBlocker {position:fixed; left:0; top:0; width:100%; height:100%; background:#FFF; opacity:0.6; -ms-filter:'alpha(opacity=60)'; filter:alpha(opacity=60); display:none} |
| | | |
| | | /* Top */ |
| | | .clearlooks2 .mceTop, .clearlooks2 .mceTop div {top:0; width:100%; height:23px} |
| | | .clearlooks2 .mceTop .mceLeft {width:6px; background:url(img/corners.gif)} |
| | | .clearlooks2 .mceTop .mceCenter {right:6px; width:100%; height:23px; background:url(img/horizontal.gif) 12px 0; clip:rect(auto auto auto 12px)} |
| | | .clearlooks2 .mceTop .mceRight {right:0; width:6px; height:23px; background:url(img/corners.gif) -12px 0} |
| | | .clearlooks2 .mceTop span {width:100%; text-align:center; vertical-align:middle; line-height:23px; font-weight:bold} |
| | | .clearlooks2 .mceFocus .mceTop .mceLeft {background:url(img/corners.gif) -6px 0} |
| | | .clearlooks2 .mceFocus .mceTop .mceCenter {background:url(img/horizontal.gif) 0 -23px} |
| | | .clearlooks2 .mceFocus .mceTop .mceRight {background:url(img/corners.gif) -18px 0} |
| | | .clearlooks2 .mceFocus .mceTop span {color:#FFF} |
| | | |
| | | /* Middle */ |
| | | .clearlooks2 .mceMiddle, .clearlooks2 .mceMiddle div {top:0} |
| | | .clearlooks2 .mceMiddle {width:100%; height:100%; clip:rect(23px auto auto auto)} |
| | | .clearlooks2 .mceMiddle .mceLeft {left:0; width:5px; height:100%; background:url(img/vertical.gif) -5px 0} |
| | | .clearlooks2 .mceMiddle span {top:23px; left:5px; width:100%; height:100%; background:#FFF} |
| | | .clearlooks2 .mceMiddle .mceRight {right:0; width:5px; height:100%; background:url(img/vertical.gif)} |
| | | |
| | | /* Bottom */ |
| | | .clearlooks2 .mceBottom, .clearlooks2 .mceBottom div {height:6px} |
| | | .clearlooks2 .mceBottom {left:0; bottom:0; width:100%} |
| | | .clearlooks2 .mceBottom div {top:0} |
| | | .clearlooks2 .mceBottom .mceLeft {left:0; width:5px; background:url(img/corners.gif) -34px -6px} |
| | | .clearlooks2 .mceBottom .mceCenter {left:5px; width:100%; background:url(img/horizontal.gif) 0 -46px} |
| | | .clearlooks2 .mceBottom .mceRight {right:0; width:5px; background: url(img/corners.gif) -34px 0} |
| | | .clearlooks2 .mceBottom span {display:none} |
| | | .clearlooks2 .mceStatusbar .mceBottom, .clearlooks2 .mceStatusbar .mceBottom div {height:23px} |
| | | .clearlooks2 .mceStatusbar .mceBottom .mceLeft {background:url(img/corners.gif) -29px 0} |
| | | .clearlooks2 .mceStatusbar .mceBottom .mceCenter {background:url(img/horizontal.gif) 0 -52px} |
| | | .clearlooks2 .mceStatusbar .mceBottom .mceRight {background:url(img/corners.gif) -24px 0} |
| | | .clearlooks2 .mceStatusbar .mceBottom span {display:block; left:7px; font-family:Arial, Verdana; font-size:11px; line-height:23px} |
| | | |
| | | /* Actions */ |
| | | .clearlooks2 a {width:29px; height:16px; top:3px;} |
| | | .clearlooks2 .mceClose {right:6px; background:url(img/buttons.gif) -87px 0} |
| | | .clearlooks2 .mceMin {display:none; right:68px; background:url(img/buttons.gif) 0 0} |
| | | .clearlooks2 .mceMed {display:none; right:37px; background:url(img/buttons.gif) -29px 0} |
| | | .clearlooks2 .mceMax {display:none; right:37px; background:url(img/buttons.gif) -58px 0} |
| | | .clearlooks2 .mceMove {display:none;width:100%;cursor:move;background:url(img/corners.gif) no-repeat -100px -100px} |
| | | .clearlooks2 .mceMovable .mceMove {display:block} |
| | | .clearlooks2 .mceFocus .mceClose {right:6px; background:url(img/buttons.gif) -87px -16px} |
| | | .clearlooks2 .mceFocus .mceMin {right:68px; background:url(img/buttons.gif) 0 -16px} |
| | | .clearlooks2 .mceFocus .mceMed {right:37px; background:url(img/buttons.gif) -29px -16px} |
| | | .clearlooks2 .mceFocus .mceMax {right:37px; background:url(img/buttons.gif) -58px -16px} |
| | | .clearlooks2 .mceFocus .mceClose:hover {right:6px; background:url(img/buttons.gif) -87px -32px} |
| | | .clearlooks2 .mceFocus .mceClose:hover {right:6px; background:url(img/buttons.gif) -87px -32px} |
| | | .clearlooks2 .mceFocus .mceMin:hover {right:68px; background:url(img/buttons.gif) 0 -32px} |
| | | .clearlooks2 .mceFocus .mceMed:hover {right:37px; background:url(img/buttons.gif) -29px -32px} |
| | | .clearlooks2 .mceFocus .mceMax:hover {right:37px; background:url(img/buttons.gif) -58px -32px} |
| | | |
| | | /* Resize */ |
| | | .clearlooks2 .mceResize {top:auto; left:auto; display:none; width:5px; height:5px; background:url(img/horizontal.gif) no-repeat 0 -75px} |
| | | .clearlooks2 .mceResizable .mceResize {display:block} |
| | | .clearlooks2 .mceResizable .mceMin, .clearlooks2 .mceMax {display:none} |
| | | .clearlooks2 .mceMinimizable .mceMin {display:block} |
| | | .clearlooks2 .mceMaximizable .mceMax {display:block} |
| | | .clearlooks2 .mceMaximized .mceMed {display:block} |
| | | .clearlooks2 .mceMaximized .mceMax {display:none} |
| | | .clearlooks2 a.mceResizeN {top:0; left:0; width:100%; cursor:n-resize} |
| | | .clearlooks2 a.mceResizeNW {top:0; left:0; cursor:nw-resize} |
| | | .clearlooks2 a.mceResizeNE {top:0; right:0; cursor:ne-resize} |
| | | .clearlooks2 a.mceResizeW {top:0; left:0; height:100%; cursor:w-resize;} |
| | | .clearlooks2 a.mceResizeE {top:0; right:0; height:100%; cursor:e-resize} |
| | | .clearlooks2 a.mceResizeS {bottom:0; left:0; width:100%; cursor:s-resize} |
| | | .clearlooks2 a.mceResizeSW {bottom:0; left:0; cursor:sw-resize} |
| | | .clearlooks2 a.mceResizeSE {bottom:0; right:0; cursor:se-resize} |
| | | |
| | | /* Alert/Confirm */ |
| | | .clearlooks2 .mceButton {font-weight:bold; bottom:10px; width:80px; height:30px; background:url(img/button.gif); line-height:30px; vertical-align:middle; text-align:center; outline:0} |
| | | .clearlooks2 .mceMiddle .mceIcon {left:15px; top:35px; width:32px; height:32px} |
| | | .clearlooks2 .mceAlert .mceMiddle span, .clearlooks2 .mceConfirm .mceMiddle span {background:transparent;left:60px; top:35px; width:320px; height:50px; font-weight:bold; overflow:auto; white-space:normal} |
| | | .clearlooks2 a:hover {font-weight:bold;} |
| | | .clearlooks2 .mceAlert .mceMiddle, .clearlooks2 .mceConfirm .mceMiddle {background:#D6D7D5} |
| | | .clearlooks2 .mceAlert .mceOk {left:50%; top:auto; margin-left: -40px} |
| | | .clearlooks2 .mceAlert .mceIcon {background:url(img/alert.gif)} |
| | | .clearlooks2 .mceConfirm .mceOk {left:50%; top:auto; margin-left: -90px} |
| | | .clearlooks2 .mceConfirm .mceCancel {left:50%; top:auto} |
| | | .clearlooks2 .mceConfirm .mceIcon {background:url(img/confirm.gif)} |
New file |
| | |
| | | <!-- <!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>Template for dialogs</title>
|
| | | <link rel="stylesheet" type="text/css" href="skins/clearlooks2/window.css" />
|
| | | </head>
|
| | | <body>
|
| | |
|
| | | <div class="mceEditor">
|
| | | <div class="clearlooks2" style="width:400px; height:100px; left:10px;">
|
| | | <div class="mceWrapper">
|
| | | <div class="mceTop">
|
| | | <div class="mceLeft"></div>
|
| | | <div class="mceCenter"></div>
|
| | | <div class="mceRight"></div>
|
| | | <span>Blured</span>
|
| | | </div>
|
| | |
|
| | | <div class="mceMiddle">
|
| | | <div class="mceLeft"></div>
|
| | | <span>Content</span>
|
| | | <div class="mceRight"></div>
|
| | | </div>
|
| | |
|
| | | <div class="mceBottom">
|
| | | <div class="mceLeft"></div>
|
| | | <div class="mceCenter"></div>
|
| | | <div class="mceRight"></div>
|
| | | <span>Statusbar text.</span>
|
| | | </div>
|
| | |
|
| | | <a class="mceMove" href="#"></a>
|
| | | <a class="mceMin" href="#"></a>
|
| | | <a class="mceMax" href="#"></a>
|
| | | <a class="mceMed" href="#"></a>
|
| | | <a class="mceClose" href="#"></a>
|
| | | <a class="mceResize mceResizeN" href="#"></a>
|
| | | <a class="mceResize mceResizeS" href="#"></a>
|
| | | <a class="mceResize mceResizeW" href="#"></a>
|
| | | <a class="mceResize mceResizeE" href="#"></a>
|
| | | <a class="mceResize mceResizeNW" href="#"></a>
|
| | | <a class="mceResize mceResizeNE" href="#"></a>
|
| | | <a class="mceResize mceResizeSW" href="#"></a>
|
| | | <a class="mceResize mceResizeSE" href="#"></a>
|
| | | </div>
|
| | | </div>
|
| | |
|
| | | <div class="clearlooks2" style="width:400px; height:100px; left:420px;">
|
| | | <div class="mceWrapper mceMovable mceFocus">
|
| | | <div class="mceTop">
|
| | | <div class="mceLeft"></div>
|
| | | <div class="mceCenter"></div>
|
| | | <div class="mceRight"></div>
|
| | | <span>Focused</span>
|
| | | </div>
|
| | |
|
| | | <div class="mceMiddle">
|
| | | <div class="mceLeft"></div>
|
| | | <span>Content</span>
|
| | | <div class="mceRight"></div>
|
| | | </div>
|
| | |
|
| | | <div class="mceBottom">
|
| | | <div class="mceLeft"></div>
|
| | | <div class="mceCenter"></div>
|
| | | <div class="mceRight"></div>
|
| | | <span>Statusbar text.</span>
|
| | | </div>
|
| | |
|
| | | <a class="mceMove" href="#"></a>
|
| | | <a class="mceMin" href="#"></a>
|
| | | <a class="mceMax" href="#"></a>
|
| | | <a class="mceMed" href="#"></a>
|
| | | <a class="mceClose" href="#"></a>
|
| | | <a class="mceResize mceResizeN" href="#"></a>
|
| | | <a class="mceResize mceResizeS" href="#"></a>
|
| | | <a class="mceResize mceResizeW" href="#"></a>
|
| | | <a class="mceResize mceResizeE" href="#"></a>
|
| | | <a class="mceResize mceResizeNW" href="#"></a>
|
| | | <a class="mceResize mceResizeNE" href="#"></a>
|
| | | <a class="mceResize mceResizeSW" href="#"></a>
|
| | | <a class="mceResize mceResizeSE" href="#"></a>
|
| | | </div>
|
| | | </div>
|
| | |
|
| | | <div class="clearlooks2" style="width:400px; height:100px; left:10px; top:120px;">
|
| | | <div class="mceWrapper mceMovable mceFocus mceStatusbar">
|
| | | <div class="mceTop">
|
| | | <div class="mceLeft"></div>
|
| | | <div class="mceCenter"></div>
|
| | | <div class="mceRight"></div>
|
| | | <span>Statusbar</span>
|
| | | </div>
|
| | |
|
| | | <div class="mceMiddle">
|
| | | <div class="mceLeft"></div>
|
| | | <span>Content</span>
|
| | | <div class="mceRight"></div>
|
| | | </div>
|
| | |
|
| | | <div class="mceBottom">
|
| | | <div class="mceLeft"></div>
|
| | | <div class="mceCenter"></div>
|
| | | <div class="mceRight"></div>
|
| | | <span>Statusbar text.</span>
|
| | | </div>
|
| | |
|
| | | <a class="mceMove" href="#"></a>
|
| | | <a class="mceMin" href="#"></a>
|
| | | <a class="mceMax" href="#"></a>
|
| | | <a class="mceMed" href="#"></a>
|
| | | <a class="mceClose" href="#"></a>
|
| | | <a class="mceResize mceResizeN" href="#"></a>
|
| | | <a class="mceResize mceResizeS" href="#"></a>
|
| | | <a class="mceResize mceResizeW" href="#"></a>
|
| | | <a class="mceResize mceResizeE" href="#"></a>
|
| | | <a class="mceResize mceResizeNW" href="#"></a>
|
| | | <a class="mceResize mceResizeNE" href="#"></a>
|
| | | <a class="mceResize mceResizeSW" href="#"></a>
|
| | | <a class="mceResize mceResizeSE" href="#"></a>
|
| | | </div>
|
| | | </div>
|
| | |
|
| | | <div class="clearlooks2" style="width:400px; height:100px; left:420px; top:120px;">
|
| | | <div class="mceWrapper mceMovable mceFocus mceStatusbar mceResizable">
|
| | | <div class="mceTop">
|
| | | <div class="mceLeft"></div>
|
| | | <div class="mceCenter"></div>
|
| | | <div class="mceRight"></div>
|
| | | <span>Statusbar, Resizable</span>
|
| | | </div>
|
| | |
|
| | | <div class="mceMiddle">
|
| | | <div class="mceLeft"></div>
|
| | | <span>Content</span>
|
| | | <div class="mceRight"></div>
|
| | | </div>
|
| | |
|
| | | <div class="mceBottom">
|
| | | <div class="mceLeft"></div>
|
| | | <div class="mceCenter"></div>
|
| | | <div class="mceRight"></div>
|
| | | <span>Statusbar text.</span>
|
| | | </div>
|
| | |
|
| | | <a class="mceMove" href="#"></a>
|
| | | <a class="mceMin" href="#"></a>
|
| | | <a class="mceMax" href="#"></a>
|
| | | <a class="mceMed" href="#"></a>
|
| | | <a class="mceClose" href="#"></a>
|
| | | <a class="mceResize mceResizeN" href="#"></a>
|
| | | <a class="mceResize mceResizeS" href="#"></a>
|
| | | <a class="mceResize mceResizeW" href="#"></a>
|
| | | <a class="mceResize mceResizeE" href="#"></a>
|
| | | <a class="mceResize mceResizeNW" href="#"></a>
|
| | | <a class="mceResize mceResizeNE" href="#"></a>
|
| | | <a class="mceResize mceResizeSW" href="#"></a>
|
| | | <a class="mceResize mceResizeSE" href="#"></a>
|
| | | </div>
|
| | | </div>
|
| | |
|
| | | <div class="clearlooks2" style="width:400px; height:100px; left:10px; top:230px;">
|
| | | <div class="mceWrapper mceMovable mceFocus mceResizable mceMaximizable">
|
| | | <div class="mceTop">
|
| | | <div class="mceLeft"></div>
|
| | | <div class="mceCenter"></div>
|
| | | <div class="mceRight"></div>
|
| | | <span>Resizable, Maximizable</span>
|
| | | </div>
|
| | |
|
| | | <div class="mceMiddle">
|
| | | <div class="mceLeft"></div>
|
| | | <span>Content</span>
|
| | | <div class="mceRight"></div>
|
| | | </div>
|
| | |
|
| | | <div class="mceBottom">
|
| | | <div class="mceLeft"></div>
|
| | | <div class="mceCenter"></div>
|
| | | <div class="mceRight"></div>
|
| | | <span>Statusbar text.</span>
|
| | | </div>
|
| | |
|
| | | <a class="mceMove" href="#"></a>
|
| | | <a class="mceMin" href="#"></a>
|
| | | <a class="mceMax" href="#"></a>
|
| | | <a class="mceMed" href="#"></a>
|
| | | <a class="mceClose" href="#"></a>
|
| | | <a class="mceResize mceResizeN" href="#"></a>
|
| | | <a class="mceResize mceResizeS" href="#"></a>
|
| | | <a class="mceResize mceResizeW" href="#"></a>
|
| | | <a class="mceResize mceResizeE" href="#"></a>
|
| | | <a class="mceResize mceResizeNW" href="#"></a>
|
| | | <a class="mceResize mceResizeNE" href="#"></a>
|
| | | <a class="mceResize mceResizeSW" href="#"></a>
|
| | | <a class="mceResize mceResizeSE" href="#"></a>
|
| | | </div>
|
| | | </div>
|
| | |
|
| | | <div class="clearlooks2" style="width:400px; height:100px; left:420px; top:230px;">
|
| | | <div class="mceWrapper mceMovable mceStatusbar mceResizable mceMaximizable">
|
| | | <div class="mceTop">
|
| | | <div class="mceLeft"></div>
|
| | | <div class="mceCenter"></div>
|
| | | <div class="mceRight"></div>
|
| | | <span>Blurred, Maximizable, Statusbar, Resizable</span>
|
| | | </div>
|
| | |
|
| | | <div class="mceMiddle">
|
| | | <div class="mceLeft"></div>
|
| | | <span>Content</span>
|
| | | <div class="mceRight"></div>
|
| | | </div>
|
| | |
|
| | | <div class="mceBottom">
|
| | | <div class="mceLeft"></div>
|
| | | <div class="mceCenter"></div>
|
| | | <div class="mceRight"></div>
|
| | | <span>Statusbar text.</span>
|
| | | </div>
|
| | |
|
| | | <a class="mceMove" href="#"></a>
|
| | | <a class="mceMin" href="#"></a>
|
| | | <a class="mceMax" href="#"></a>
|
| | | <a class="mceMed" href="#"></a>
|
| | | <a class="mceClose" href="#"></a>
|
| | | <a class="mceResize mceResizeN" href="#"></a>
|
| | | <a class="mceResize mceResizeS" href="#"></a>
|
| | | <a class="mceResize mceResizeW" href="#"></a>
|
| | | <a class="mceResize mceResizeE" href="#"></a>
|
| | | <a class="mceResize mceResizeNW" href="#"></a>
|
| | | <a class="mceResize mceResizeNE" href="#"></a>
|
| | | <a class="mceResize mceResizeSW" href="#"></a>
|
| | | <a class="mceResize mceResizeSE" href="#"></a>
|
| | | </div>
|
| | | </div>
|
| | |
|
| | | <div class="clearlooks2" style="width:400px; height:100px; left:10px; top:340px;">
|
| | | <div class="mceWrapper mceMovable mceFocus mceResizable mceMaximized mceMinimizable mceMaximizable">
|
| | | <div class="mceTop">
|
| | | <div class="mceLeft"></div>
|
| | | <div class="mceCenter"></div>
|
| | | <div class="mceRight"></div>
|
| | | <span>Maximized, Maximizable, Minimizable</span>
|
| | | </div>
|
| | |
|
| | | <div class="mceMiddle">
|
| | | <div class="mceLeft"></div>
|
| | | <span>Content</span>
|
| | | <div class="mceRight"></div>
|
| | | </div>
|
| | |
|
| | | <div class="mceBottom">
|
| | | <div class="mceLeft"></div>
|
| | | <div class="mceCenter"></div>
|
| | | <div class="mceRight"></div>
|
| | | <span>Statusbar text.</span>
|
| | | </div>
|
| | |
|
| | | <a class="mceMove" href="#"></a>
|
| | | <a class="mceMin" href="#"></a>
|
| | | <a class="mceMax" href="#"></a>
|
| | | <a class="mceMed" href="#"></a>
|
| | | <a class="mceClose" href="#"></a>
|
| | | <a class="mceResize mceResizeN" href="#"></a>
|
| | | <a class="mceResize mceResizeS" href="#"></a>
|
| | | <a class="mceResize mceResizeW" href="#"></a>
|
| | | <a class="mceResize mceResizeE" href="#"></a>
|
| | | <a class="mceResize mceResizeNW" href="#"></a>
|
| | | <a class="mceResize mceResizeNE" href="#"></a>
|
| | | <a class="mceResize mceResizeSW" href="#"></a>
|
| | | <a class="mceResize mceResizeSE" href="#"></a>
|
| | | </div>
|
| | | </div>
|
| | |
|
| | | <div class="clearlooks2" style="width:400px; height:100px; left:420px; top:340px;">
|
| | | <div class="mceWrapper mceMovable mceStatusbar mceResizable mceMaximized mceMinimizable mceMaximizable">
|
| | | <div class="mceTop">
|
| | | <div class="mceLeft"></div>
|
| | | <div class="mceCenter"></div>
|
| | | <div class="mceRight"></div>
|
| | | <span>Blured</span>
|
| | | </div>
|
| | |
|
| | | <div class="mceMiddle">
|
| | | <div class="mceLeft"></div>
|
| | | <span>Content</span>
|
| | | <div class="mceRight"></div>
|
| | | </div>
|
| | |
|
| | | <div class="mceBottom">
|
| | | <div class="mceLeft"></div>
|
| | | <div class="mceCenter"></div>
|
| | | <div class="mceRight"></div>
|
| | | <span>Statusbar text.</span>
|
| | | </div>
|
| | |
|
| | | <a class="mceMove" href="#"></a>
|
| | | <a class="mceMin" href="#"></a>
|
| | | <a class="mceMax" href="#"></a>
|
| | | <a class="mceMed" href="#"></a>
|
| | | <a class="mceClose" href="#"></a>
|
| | | <a class="mceResize mceResizeN" href="#"></a>
|
| | | <a class="mceResize mceResizeS" href="#"></a>
|
| | | <a class="mceResize mceResizeW" href="#"></a>
|
| | | <a class="mceResize mceResizeE" href="#"></a>
|
| | | <a class="mceResize mceResizeNW" href="#"></a>
|
| | | <a class="mceResize mceResizeNE" href="#"></a>
|
| | | <a class="mceResize mceResizeSW" href="#"></a>
|
| | | <a class="mceResize mceResizeSE" href="#"></a>
|
| | | </div>
|
| | | </div>
|
| | |
|
| | | <div class="clearlooks2" style="width:400px; height:130px; left:10px; top:450px;">
|
| | | <div class="mceWrapper mceMovable mceFocus mceModal mceAlert">
|
| | | <div class="mceTop">
|
| | | <div class="mceLeft"></div>
|
| | | <div class="mceCenter"></div>
|
| | | <div class="mceRight"></div>
|
| | | <span>Alert</span>
|
| | | </div>
|
| | |
|
| | | <div class="mceMiddle">
|
| | | <div class="mceLeft"></div>
|
| | | <span>
|
| | | This is a very long error message. This is a very long error message.
|
| | | This is a very long error message. This is a very long error message.
|
| | | This is a very long error message. This is a very long error message.
|
| | | This is a very long error message. This is a very long error message.
|
| | | This is a very long error message. This is a very long error message.
|
| | | This is a very long error message. This is a very long error message.
|
| | | </span>
|
| | | <div class="mceRight"></div>
|
| | | <div class="mceIcon"></div>
|
| | | </div>
|
| | |
|
| | | <div class="mceBottom">
|
| | | <div class="mceLeft"></div>
|
| | | <div class="mceCenter"></div>
|
| | | <div class="mceRight"></div>
|
| | | </div>
|
| | |
|
| | | <a class="mceMove" href="#"></a>
|
| | | <a class="mceButton mceOk" href="#">Ok</a>
|
| | | <a class="mceClose" href="#"></a>
|
| | | </div>
|
| | | </div>
|
| | |
|
| | | <div class="clearlooks2" style="width:400px; height:130px; left:420px; top:450px;">
|
| | | <div class="mceWrapper mceMovable mceFocus mceModal mceConfirm">
|
| | | <div class="mceTop">
|
| | | <div class="mceLeft"></div>
|
| | | <div class="mceCenter"></div>
|
| | | <div class="mceRight"></div>
|
| | | <span>Confirm</span>
|
| | | </div>
|
| | |
|
| | | <div class="mceMiddle">
|
| | | <div class="mceLeft"></div>
|
| | | <span>
|
| | | This is a very long error message. This is a very long error message.
|
| | | This is a very long error message. This is a very long error message.
|
| | | This is a very long error message. This is a very long error message.
|
| | | This is a very long error message. This is a very long error message.
|
| | | This is a very long error message. This is a very long error message.
|
| | | This is a very long error message. This is a very long error message.
|
| | | </span>
|
| | | <div class="mceRight"></div>
|
| | | <div class="mceIcon"></div>
|
| | | </div>
|
| | |
|
| | | <div class="mceBottom">
|
| | | <div class="mceLeft"></div>
|
| | | <div class="mceCenter"></div>
|
| | | <div class="mceRight"></div>
|
| | | </div>
|
| | |
|
| | | <a class="mceMove" href="#"></a>
|
| | | <a class="mceButton mceOk" href="#">Ok</a>
|
| | | <a class="mceButton mceCancel" href="#">Cancel</a>
|
| | | <a class="mceClose" href="#"></a>
|
| | | </div>
|
| | | </div>
|
| | | </div>
|
| | |
|
| | | </body>
|
| | | </html>
|
New file |
| | |
| | | (function(){tinymce.create("tinymce.plugins.InsertDateTime",{init:function(a,b){var c=this;c.editor=a;a.addCommand("mceInsertDate",function(){var d=c._getDateTime(new Date(),a.getParam("plugin_insertdate_dateFormat",a.getLang("insertdatetime.date_fmt")));a.execCommand("mceInsertContent",false,d)});a.addCommand("mceInsertTime",function(){var d=c._getDateTime(new Date(),a.getParam("plugin_insertdate_timeFormat",a.getLang("insertdatetime.time_fmt")));a.execCommand("mceInsertContent",false,d)});a.addButton("insertdate",{title:"insertdatetime.insertdate_desc",cmd:"mceInsertDate"});a.addButton("inserttime",{title:"insertdatetime.inserttime_desc",cmd:"mceInsertTime"})},getInfo:function(){return{longname:"Insert date/time",author:"Moxiecode Systems AB",authorurl:"http://tinymce.moxiecode.com",infourl:"http://wiki.moxiecode.com/index.php/TinyMCE:Plugins/insertdatetime",version:tinymce.majorVersion+"."+tinymce.minorVersion}},_getDateTime:function(e,a){var c=this.editor;function b(g,d){g=""+g;if(g.length<d){for(var f=0;f<(d-g.length);f++){g="0"+g}}return g}a=a.replace("%D","%m/%d/%y");a=a.replace("%r","%I:%M:%S %p");a=a.replace("%Y",""+e.getFullYear());a=a.replace("%y",""+e.getYear());a=a.replace("%m",b(e.getMonth()+1,2));a=a.replace("%d",b(e.getDate(),2));a=a.replace("%H",""+b(e.getHours(),2));a=a.replace("%M",""+b(e.getMinutes(),2));a=a.replace("%S",""+b(e.getSeconds(),2));a=a.replace("%I",""+((e.getHours()+11)%12+1));a=a.replace("%p",""+(e.getHours()<12?"AM":"PM"));a=a.replace("%B",""+c.getLang("insertdatetime.months_long").split(",")[e.getMonth()]);a=a.replace("%b",""+c.getLang("insertdatetime.months_short").split(",")[e.getMonth()]);a=a.replace("%A",""+c.getLang("insertdatetime.day_long").split(",")[e.getDay()]);a=a.replace("%a",""+c.getLang("insertdatetime.day_short").split(",")[e.getDay()]);a=a.replace("%%","%");return a}});tinymce.PluginManager.add("insertdatetime",tinymce.plugins.InsertDateTime)})(); |
New file |
| | |
| | | /**
|
| | | * editor_plugin_src.js
|
| | | *
|
| | | * Copyright 2009, Moxiecode Systems AB
|
| | | * Released under LGPL License.
|
| | | *
|
| | | * License: http://tinymce.moxiecode.com/license
|
| | | * Contributing: http://tinymce.moxiecode.com/contributing
|
| | | */
|
| | |
|
| | | (function() {
|
| | | tinymce.create('tinymce.plugins.InsertDateTime', {
|
| | | init : function(ed, url) {
|
| | | var t = this;
|
| | |
|
| | | t.editor = ed;
|
| | |
|
| | | ed.addCommand('mceInsertDate', function() {
|
| | | var str = t._getDateTime(new Date(), ed.getParam("plugin_insertdate_dateFormat", ed.getLang('insertdatetime.date_fmt')));
|
| | |
|
| | | ed.execCommand('mceInsertContent', false, str);
|
| | | });
|
| | |
|
| | | ed.addCommand('mceInsertTime', function() {
|
| | | var str = t._getDateTime(new Date(), ed.getParam("plugin_insertdate_timeFormat", ed.getLang('insertdatetime.time_fmt')));
|
| | |
|
| | | ed.execCommand('mceInsertContent', false, str);
|
| | | });
|
| | |
|
| | | ed.addButton('insertdate', {title : 'insertdatetime.insertdate_desc', cmd : 'mceInsertDate'});
|
| | | ed.addButton('inserttime', {title : 'insertdatetime.inserttime_desc', cmd : 'mceInsertTime'});
|
| | | },
|
| | |
|
| | | getInfo : function() {
|
| | | return {
|
| | | longname : 'Insert date/time',
|
| | | author : 'Moxiecode Systems AB',
|
| | | authorurl : 'http://tinymce.moxiecode.com',
|
| | | infourl : 'http://wiki.moxiecode.com/index.php/TinyMCE:Plugins/insertdatetime',
|
| | | version : tinymce.majorVersion + "." + tinymce.minorVersion
|
| | | };
|
| | | },
|
| | |
|
| | | // Private methods
|
| | |
|
| | | _getDateTime : function(d, fmt) {
|
| | | var ed = this.editor;
|
| | |
|
| | | function addZeros(value, len) {
|
| | | value = "" + value;
|
| | |
|
| | | if (value.length < len) {
|
| | | for (var i=0; i<(len-value.length); i++)
|
| | | value = "0" + value;
|
| | | }
|
| | |
|
| | | return value;
|
| | | };
|
| | |
|
| | | fmt = fmt.replace("%D", "%m/%d/%y");
|
| | | fmt = fmt.replace("%r", "%I:%M:%S %p");
|
| | | fmt = fmt.replace("%Y", "" + d.getFullYear());
|
| | | fmt = fmt.replace("%y", "" + d.getYear());
|
| | | fmt = fmt.replace("%m", addZeros(d.getMonth()+1, 2));
|
| | | fmt = fmt.replace("%d", addZeros(d.getDate(), 2));
|
| | | fmt = fmt.replace("%H", "" + addZeros(d.getHours(), 2));
|
| | | fmt = fmt.replace("%M", "" + addZeros(d.getMinutes(), 2));
|
| | | fmt = fmt.replace("%S", "" + addZeros(d.getSeconds(), 2));
|
| | | fmt = fmt.replace("%I", "" + ((d.getHours() + 11) % 12 + 1));
|
| | | fmt = fmt.replace("%p", "" + (d.getHours() < 12 ? "AM" : "PM"));
|
| | | fmt = fmt.replace("%B", "" + ed.getLang("insertdatetime.months_long").split(',')[d.getMonth()]);
|
| | | fmt = fmt.replace("%b", "" + ed.getLang("insertdatetime.months_short").split(',')[d.getMonth()]);
|
| | | fmt = fmt.replace("%A", "" + ed.getLang("insertdatetime.day_long").split(',')[d.getDay()]);
|
| | | fmt = fmt.replace("%a", "" + ed.getLang("insertdatetime.day_short").split(',')[d.getDay()]);
|
| | | fmt = fmt.replace("%%", "%");
|
| | |
|
| | | return fmt;
|
| | | }
|
| | | });
|
| | |
|
| | | // Register plugin
|
| | | tinymce.PluginManager.add('insertdatetime', tinymce.plugins.InsertDateTime);
|
| | | })(); |
New file |
| | |
| | | (function(){function a(b){do{if(b.className&&b.className.indexOf("mceItemLayer")!=-1){return b}}while(b=b.parentNode)}tinymce.create("tinymce.plugins.Layer",{init:function(b,c){var d=this;d.editor=b;b.addCommand("mceInsertLayer",d._insertLayer,d);b.addCommand("mceMoveForward",function(){d._move(1)});b.addCommand("mceMoveBackward",function(){d._move(-1)});b.addCommand("mceMakeAbsolute",function(){d._toggleAbsolute()});b.addButton("moveforward",{title:"layer.forward_desc",cmd:"mceMoveForward"});b.addButton("movebackward",{title:"layer.backward_desc",cmd:"mceMoveBackward"});b.addButton("absolute",{title:"layer.absolute_desc",cmd:"mceMakeAbsolute"});b.addButton("insertlayer",{title:"layer.insertlayer_desc",cmd:"mceInsertLayer"});b.onInit.add(function(){var e=b.dom;if(tinymce.isIE){b.getDoc().execCommand("2D-Position",false,true)}});b.onMouseUp.add(function(f,h){var g=a(h.target);if(g){f.dom.setAttrib(g,"data-mce-style","")}});b.onMouseDown.add(function(f,j){var h=j.target,i=f.getDoc(),g;if(tinymce.isGecko){if(a(h)){if(i.designMode!=="on"){i.designMode="on";h=i.body;g=h.parentNode;g.removeChild(h);g.appendChild(h)}}else{if(i.designMode=="on"){i.designMode="off"}}}});b.onNodeChange.add(d._nodeChange,d);b.onVisualAid.add(d._visualAid,d)},getInfo:function(){return{longname:"Layer",author:"Moxiecode Systems AB",authorurl:"http://tinymce.moxiecode.com",infourl:"http://wiki.moxiecode.com/index.php/TinyMCE:Plugins/layer",version:tinymce.majorVersion+"."+tinymce.minorVersion}},_nodeChange:function(c,b,f){var d,e;d=this._getParentLayer(f);e=c.dom.getParent(f,"DIV,P,IMG");if(!e){b.setDisabled("absolute",1);b.setDisabled("moveforward",1);b.setDisabled("movebackward",1)}else{b.setDisabled("absolute",0);b.setDisabled("moveforward",!d);b.setDisabled("movebackward",!d);b.setActive("absolute",d&&d.style.position.toLowerCase()=="absolute")}},_visualAid:function(b,d,c){var f=b.dom;tinymce.each(f.select("div,p",d),function(g){if(/^(absolute|relative|fixed)$/i.test(g.style.position)){if(c){f.addClass(g,"mceItemVisualAid")}else{f.removeClass(g,"mceItemVisualAid")}f.addClass(g,"mceItemLayer")}})},_move:function(j){var c=this.editor,g,h=[],f=this._getParentLayer(c.selection.getNode()),e=-1,k=-1,b;b=[];tinymce.walk(c.getBody(),function(d){if(d.nodeType==1&&/^(absolute|relative|static)$/i.test(d.style.position)){b.push(d)}},"childNodes");for(g=0;g<b.length;g++){h[g]=b[g].style.zIndex?parseInt(b[g].style.zIndex):0;if(e<0&&b[g]==f){e=g}}if(j<0){for(g=0;g<h.length;g++){if(h[g]<h[e]){k=g;break}}if(k>-1){b[e].style.zIndex=h[k];b[k].style.zIndex=h[e]}else{if(h[e]>0){b[e].style.zIndex=h[e]-1}}}else{for(g=0;g<h.length;g++){if(h[g]>h[e]){k=g;break}}if(k>-1){b[e].style.zIndex=h[k];b[k].style.zIndex=h[e]}else{b[e].style.zIndex=h[e]+1}}c.execCommand("mceRepaint")},_getParentLayer:function(b){return this.editor.dom.getParent(b,function(c){return c.nodeType==1&&/^(absolute|relative|static)$/i.test(c.style.position)})},_insertLayer:function(){var c=this.editor,e=c.dom,d=e.getPos(e.getParent(c.selection.getNode(),"*")),b=c.getBody();c.dom.add(b,"div",{style:{position:"absolute",left:d.x,top:(d.y>20?d.y:20),width:100,height:100},"class":"mceItemVisualAid mceItemLayer"},c.selection.getContent()||c.getLang("layer.content"));if(tinymce.isIE){e.setHTML(b,b.innerHTML)}},_toggleAbsolute:function(){var b=this.editor,c=this._getParentLayer(b.selection.getNode());if(!c){c=b.dom.getParent(b.selection.getNode(),"DIV,P,IMG")}if(c){if(c.style.position.toLowerCase()=="absolute"){b.dom.setStyles(c,{position:"",left:"",top:"",width:"",height:""});b.dom.removeClass(c,"mceItemVisualAid");b.dom.removeClass(c,"mceItemLayer")}else{if(c.style.left==""){c.style.left=20+"px"}if(c.style.top==""){c.style.top=20+"px"}if(c.style.width==""){c.style.width=c.width?(c.width+"px"):"100px"}if(c.style.height==""){c.style.height=c.height?(c.height+"px"):"100px"}c.style.position="absolute";b.dom.setAttrib(c,"data-mce-style","");b.addVisual(b.getBody())}b.execCommand("mceRepaint");b.nodeChanged()}}});tinymce.PluginManager.add("layer",tinymce.plugins.Layer)})(); |
New file |
| | |
| | | /**
|
| | | * editor_plugin_src.js
|
| | | *
|
| | | * Copyright 2009, Moxiecode Systems AB
|
| | | * Released under LGPL License.
|
| | | *
|
| | | * License: http://tinymce.moxiecode.com/license
|
| | | * Contributing: http://tinymce.moxiecode.com/contributing
|
| | | */
|
| | |
|
| | | (function() {
|
| | | function findParentLayer(node) {
|
| | | do {
|
| | | if (node.className && node.className.indexOf('mceItemLayer') != -1) {
|
| | | return node;
|
| | | }
|
| | | } while (node = node.parentNode);
|
| | | };
|
| | |
|
| | | tinymce.create('tinymce.plugins.Layer', {
|
| | | init : function(ed, url) {
|
| | | var t = this;
|
| | |
|
| | | t.editor = ed;
|
| | |
|
| | | // Register commands
|
| | | ed.addCommand('mceInsertLayer', t._insertLayer, t);
|
| | |
|
| | | ed.addCommand('mceMoveForward', function() {
|
| | | t._move(1);
|
| | | });
|
| | |
|
| | | ed.addCommand('mceMoveBackward', function() {
|
| | | t._move(-1);
|
| | | });
|
| | |
|
| | | ed.addCommand('mceMakeAbsolute', function() {
|
| | | t._toggleAbsolute();
|
| | | });
|
| | |
|
| | | // Register buttons
|
| | | ed.addButton('moveforward', {title : 'layer.forward_desc', cmd : 'mceMoveForward'});
|
| | | ed.addButton('movebackward', {title : 'layer.backward_desc', cmd : 'mceMoveBackward'});
|
| | | ed.addButton('absolute', {title : 'layer.absolute_desc', cmd : 'mceMakeAbsolute'});
|
| | | ed.addButton('insertlayer', {title : 'layer.insertlayer_desc', cmd : 'mceInsertLayer'});
|
| | |
|
| | | ed.onInit.add(function() {
|
| | | var dom = ed.dom;
|
| | |
|
| | | if (tinymce.isIE)
|
| | | ed.getDoc().execCommand('2D-Position', false, true);
|
| | | });
|
| | |
|
| | | // Remove serialized styles when selecting a layer since it might be changed by a drag operation
|
| | | ed.onMouseUp.add(function(ed, e) {
|
| | | var layer = findParentLayer(e.target);
|
| | | |
| | | if (layer) {
|
| | | ed.dom.setAttrib(layer, 'data-mce-style', '');
|
| | | }
|
| | | });
|
| | |
|
| | | // Fixes edit focus issues with layers on Gecko
|
| | | // This will enable designMode while inside a layer and disable it when outside
|
| | | ed.onMouseDown.add(function(ed, e) {
|
| | | var node = e.target, doc = ed.getDoc(), parent;
|
| | |
|
| | | if (tinymce.isGecko) {
|
| | | if (findParentLayer(node)) {
|
| | | if (doc.designMode !== 'on') {
|
| | | doc.designMode = 'on';
|
| | |
|
| | | // Repaint caret
|
| | | node = doc.body;
|
| | | parent = node.parentNode;
|
| | | parent.removeChild(node);
|
| | | parent.appendChild(node);
|
| | | }
|
| | | } else if (doc.designMode == 'on') {
|
| | | doc.designMode = 'off';
|
| | | }
|
| | | }
|
| | | });
|
| | |
|
| | | ed.onNodeChange.add(t._nodeChange, t);
|
| | | ed.onVisualAid.add(t._visualAid, t);
|
| | | },
|
| | |
|
| | | getInfo : function() {
|
| | | return {
|
| | | longname : 'Layer',
|
| | | author : 'Moxiecode Systems AB',
|
| | | authorurl : 'http://tinymce.moxiecode.com',
|
| | | infourl : 'http://wiki.moxiecode.com/index.php/TinyMCE:Plugins/layer',
|
| | | version : tinymce.majorVersion + "." + tinymce.minorVersion
|
| | | };
|
| | | },
|
| | |
|
| | | // Private methods
|
| | |
|
| | | _nodeChange : function(ed, cm, n) {
|
| | | var le, p;
|
| | |
|
| | | le = this._getParentLayer(n);
|
| | | p = ed.dom.getParent(n, 'DIV,P,IMG');
|
| | |
|
| | | if (!p) {
|
| | | cm.setDisabled('absolute', 1);
|
| | | cm.setDisabled('moveforward', 1);
|
| | | cm.setDisabled('movebackward', 1);
|
| | | } else {
|
| | | cm.setDisabled('absolute', 0);
|
| | | cm.setDisabled('moveforward', !le);
|
| | | cm.setDisabled('movebackward', !le);
|
| | | cm.setActive('absolute', le && le.style.position.toLowerCase() == "absolute");
|
| | | }
|
| | | },
|
| | |
|
| | | // Private methods
|
| | |
|
| | | _visualAid : function(ed, e, s) {
|
| | | var dom = ed.dom;
|
| | |
|
| | | tinymce.each(dom.select('div,p', e), function(e) {
|
| | | if (/^(absolute|relative|fixed)$/i.test(e.style.position)) {
|
| | | if (s)
|
| | | dom.addClass(e, 'mceItemVisualAid');
|
| | | else
|
| | | dom.removeClass(e, 'mceItemVisualAid');
|
| | |
|
| | | dom.addClass(e, 'mceItemLayer');
|
| | | }
|
| | | });
|
| | | },
|
| | |
|
| | | _move : function(d) {
|
| | | var ed = this.editor, i, z = [], le = this._getParentLayer(ed.selection.getNode()), ci = -1, fi = -1, nl;
|
| | |
|
| | | nl = [];
|
| | | tinymce.walk(ed.getBody(), function(n) {
|
| | | if (n.nodeType == 1 && /^(absolute|relative|static)$/i.test(n.style.position))
|
| | | nl.push(n); |
| | | }, 'childNodes');
|
| | |
|
| | | // Find z-indexes
|
| | | for (i=0; i<nl.length; i++) {
|
| | | z[i] = nl[i].style.zIndex ? parseInt(nl[i].style.zIndex) : 0;
|
| | |
|
| | | if (ci < 0 && nl[i] == le)
|
| | | ci = i;
|
| | | }
|
| | |
|
| | | if (d < 0) {
|
| | | // Move back
|
| | |
|
| | | // Try find a lower one
|
| | | for (i=0; i<z.length; i++) {
|
| | | if (z[i] < z[ci]) {
|
| | | fi = i;
|
| | | break;
|
| | | }
|
| | | }
|
| | |
|
| | | if (fi > -1) {
|
| | | nl[ci].style.zIndex = z[fi];
|
| | | nl[fi].style.zIndex = z[ci];
|
| | | } else {
|
| | | if (z[ci] > 0)
|
| | | nl[ci].style.zIndex = z[ci] - 1;
|
| | | }
|
| | | } else {
|
| | | // Move forward
|
| | |
|
| | | // Try find a higher one
|
| | | for (i=0; i<z.length; i++) {
|
| | | if (z[i] > z[ci]) {
|
| | | fi = i;
|
| | | break;
|
| | | }
|
| | | }
|
| | |
|
| | | if (fi > -1) {
|
| | | nl[ci].style.zIndex = z[fi];
|
| | | nl[fi].style.zIndex = z[ci];
|
| | | } else
|
| | | nl[ci].style.zIndex = z[ci] + 1;
|
| | | }
|
| | |
|
| | | ed.execCommand('mceRepaint');
|
| | | },
|
| | |
|
| | | _getParentLayer : function(n) {
|
| | | return this.editor.dom.getParent(n, function(n) {
|
| | | return n.nodeType == 1 && /^(absolute|relative|static)$/i.test(n.style.position);
|
| | | });
|
| | | },
|
| | |
|
| | | _insertLayer : function() {
|
| | | var ed = this.editor, dom = ed.dom, p = dom.getPos(dom.getParent(ed.selection.getNode(), '*')), body = ed.getBody();
|
| | |
|
| | | ed.dom.add(body, 'div', {
|
| | | style : {
|
| | | position : 'absolute',
|
| | | left : p.x,
|
| | | top : (p.y > 20 ? p.y : 20),
|
| | | width : 100,
|
| | | height : 100
|
| | | },
|
| | | 'class' : 'mceItemVisualAid mceItemLayer'
|
| | | }, ed.selection.getContent() || ed.getLang('layer.content'));
|
| | |
|
| | | // Workaround for IE where it messes up the JS engine if you insert a layer on IE 6,7
|
| | | if (tinymce.isIE)
|
| | | dom.setHTML(body, body.innerHTML);
|
| | | },
|
| | |
|
| | | _toggleAbsolute : function() {
|
| | | var ed = this.editor, le = this._getParentLayer(ed.selection.getNode());
|
| | |
|
| | | if (!le)
|
| | | le = ed.dom.getParent(ed.selection.getNode(), 'DIV,P,IMG');
|
| | |
|
| | | if (le) {
|
| | | if (le.style.position.toLowerCase() == "absolute") {
|
| | | ed.dom.setStyles(le, {
|
| | | position : '',
|
| | | left : '',
|
| | | top : '',
|
| | | width : '',
|
| | | height : ''
|
| | | });
|
| | |
|
| | | ed.dom.removeClass(le, 'mceItemVisualAid');
|
| | | ed.dom.removeClass(le, 'mceItemLayer');
|
| | | } else {
|
| | | if (le.style.left == "")
|
| | | le.style.left = 20 + 'px';
|
| | |
|
| | | if (le.style.top == "")
|
| | | le.style.top = 20 + 'px';
|
| | |
|
| | | if (le.style.width == "")
|
| | | le.style.width = le.width ? (le.width + 'px') : '100px';
|
| | |
|
| | | if (le.style.height == "")
|
| | | le.style.height = le.height ? (le.height + 'px') : '100px';
|
| | |
|
| | | le.style.position = "absolute";
|
| | |
|
| | | ed.dom.setAttrib(le, 'data-mce-style', '');
|
| | | ed.addVisual(ed.getBody());
|
| | | }
|
| | |
|
| | | ed.execCommand('mceRepaint');
|
| | | ed.nodeChanged();
|
| | | }
|
| | | }
|
| | | });
|
| | |
|
| | | // Register plugin
|
| | | tinymce.PluginManager.add('layer', tinymce.plugins.Layer);
|
| | | })(); |
New file |
| | |
| | | (function(a){a.onAddEditor.addToTop(function(c,b){b.settings.inline_styles=false});a.create("tinymce.plugins.LegacyOutput",{init:function(b){b.onInit.add(function(){var c="p,h1,h2,h3,h4,h5,h6,td,th,div,ul,ol,li,table,img",e=a.explode(b.settings.font_size_style_values),d=b.schema;b.formatter.register({alignleft:{selector:c,attributes:{align:"left"}},aligncenter:{selector:c,attributes:{align:"center"}},alignright:{selector:c,attributes:{align:"right"}},alignfull:{selector:c,attributes:{align:"justify"}},bold:[{inline:"b",remove:"all"},{inline:"strong",remove:"all"},{inline:"span",styles:{fontWeight:"bold"}}],italic:[{inline:"i",remove:"all"},{inline:"em",remove:"all"},{inline:"span",styles:{fontStyle:"italic"}}],underline:[{inline:"u",remove:"all"},{inline:"span",styles:{textDecoration:"underline"},exact:true}],strikethrough:[{inline:"strike",remove:"all"},{inline:"span",styles:{textDecoration:"line-through"},exact:true}],fontname:{inline:"font",attributes:{face:"%value"}},fontsize:{inline:"font",attributes:{size:function(f){return a.inArray(e,f.value)+1}}},forecolor:{inline:"font",styles:{color:"%value"}},hilitecolor:{inline:"font",styles:{backgroundColor:"%value"}}});a.each("b,i,u,strike".split(","),function(f){d.addValidElements(f+"[*]")});if(!d.getElementRule("font")){d.addValidElements("font[face|size|color|style]")}a.each(c.split(","),function(f){var h=d.getElementRule(f),g;if(h){if(!h.attributes.align){h.attributes.align={};h.attributesOrder.push("align")}}});b.onNodeChange.add(function(g,k){var j,f,h,i;f=g.dom.getParent(g.selection.getNode(),"font");if(f){h=f.face;i=f.size}if(j=k.get("fontselect")){j.select(function(l){return l==h})}if(j=k.get("fontsizeselect")){j.select(function(m){var l=a.inArray(e,m.fontSize);return l+1==i})}})})},getInfo:function(){return{longname:"LegacyOutput",author:"Moxiecode Systems AB",authorurl:"http://tinymce.moxiecode.com",infourl:"http://wiki.moxiecode.com/index.php/TinyMCE:Plugins/legacyoutput",version:a.majorVersion+"."+a.minorVersion}}});a.PluginManager.add("legacyoutput",a.plugins.LegacyOutput)})(tinymce); |
New file |
| | |
| | | /**
|
| | | * editor_plugin_src.js
|
| | | *
|
| | | * Copyright 2009, Moxiecode Systems AB
|
| | | * Released under LGPL License.
|
| | | *
|
| | | * License: http://tinymce.moxiecode.com/license
|
| | | * Contributing: http://tinymce.moxiecode.com/contributing
|
| | | *
|
| | | * This plugin will force TinyMCE to produce deprecated legacy output such as font elements, u elements, align
|
| | | * attributes and so forth. There are a few cases where these old items might be needed for example in email applications or with Flash
|
| | | *
|
| | | * However you should NOT use this plugin if you are building some system that produces web contents such as a CMS. All these elements are
|
| | | * not apart of the newer specifications for HTML and XHTML.
|
| | | */
|
| | |
|
| | | (function(tinymce) {
|
| | | // Override inline_styles setting to force TinyMCE to produce deprecated contents
|
| | | tinymce.onAddEditor.addToTop(function(tinymce, editor) {
|
| | | editor.settings.inline_styles = false;
|
| | | });
|
| | |
|
| | | // Create the legacy ouput plugin
|
| | | tinymce.create('tinymce.plugins.LegacyOutput', {
|
| | | init : function(editor) {
|
| | | editor.onInit.add(function() {
|
| | | var alignElements = 'p,h1,h2,h3,h4,h5,h6,td,th,div,ul,ol,li,table,img',
|
| | | fontSizes = tinymce.explode(editor.settings.font_size_style_values),
|
| | | schema = editor.schema;
|
| | |
|
| | | // Override some internal formats to produce legacy elements and attributes
|
| | | editor.formatter.register({
|
| | | // Change alignment formats to use the deprecated align attribute
|
| | | alignleft : {selector : alignElements, attributes : {align : 'left'}},
|
| | | aligncenter : {selector : alignElements, attributes : {align : 'center'}},
|
| | | alignright : {selector : alignElements, attributes : {align : 'right'}},
|
| | | alignfull : {selector : alignElements, attributes : {align : 'justify'}},
|
| | |
|
| | | // Change the basic formatting elements to use deprecated element types |
| | | bold : [
|
| | | {inline : 'b', remove : 'all'},
|
| | | {inline : 'strong', remove : 'all'},
|
| | | {inline : 'span', styles : {fontWeight : 'bold'}}
|
| | | ],
|
| | | italic : [
|
| | | {inline : 'i', remove : 'all'},
|
| | | {inline : 'em', remove : 'all'},
|
| | | {inline : 'span', styles : {fontStyle : 'italic'}}
|
| | | ],
|
| | | underline : [
|
| | | {inline : 'u', remove : 'all'},
|
| | | {inline : 'span', styles : {textDecoration : 'underline'}, exact : true}
|
| | | ],
|
| | | strikethrough : [
|
| | | {inline : 'strike', remove : 'all'},
|
| | | {inline : 'span', styles : {textDecoration: 'line-through'}, exact : true}
|
| | | ], |
| | |
|
| | | // Change font size and font family to use the deprecated font element
|
| | | fontname : {inline : 'font', attributes : {face : '%value'}},
|
| | | fontsize : {
|
| | | inline : 'font',
|
| | | attributes : {
|
| | | size : function(vars) {
|
| | | return tinymce.inArray(fontSizes, vars.value) + 1;
|
| | | }
|
| | | }
|
| | | },
|
| | |
|
| | | // Setup font elements for colors as well
|
| | | forecolor : {inline : 'font', styles : {color : '%value'}},
|
| | | hilitecolor : {inline : 'font', styles : {backgroundColor : '%value'}}
|
| | | });
|
| | |
|
| | | // Check that deprecated elements are allowed if not add them
|
| | | tinymce.each('b,i,u,strike'.split(','), function(name) {
|
| | | schema.addValidElements(name + '[*]');
|
| | | });
|
| | |
|
| | | // Add font element if it's missing
|
| | | if (!schema.getElementRule("font"))
|
| | | schema.addValidElements("font[face|size|color|style]");
|
| | |
|
| | | // Add the missing and depreacted align attribute for the serialization engine
|
| | | tinymce.each(alignElements.split(','), function(name) {
|
| | | var rule = schema.getElementRule(name), found;
|
| | |
|
| | | if (rule) {
|
| | | if (!rule.attributes.align) {
|
| | | rule.attributes.align = {};
|
| | | rule.attributesOrder.push('align');
|
| | | }
|
| | | }
|
| | | });
|
| | |
|
| | | // Listen for the onNodeChange event so that we can do special logic for the font size and font name drop boxes
|
| | | editor.onNodeChange.add(function(editor, control_manager) {
|
| | | var control, fontElm, fontName, fontSize;
|
| | |
|
| | | // Find font element get it's name and size
|
| | | fontElm = editor.dom.getParent(editor.selection.getNode(), 'font');
|
| | | if (fontElm) {
|
| | | fontName = fontElm.face;
|
| | | fontSize = fontElm.size;
|
| | | }
|
| | |
|
| | | // Select/unselect the font name in droplist
|
| | | if (control = control_manager.get('fontselect')) {
|
| | | control.select(function(value) {
|
| | | return value == fontName;
|
| | | });
|
| | | }
|
| | |
|
| | | // Select/unselect the font size in droplist
|
| | | if (control = control_manager.get('fontsizeselect')) {
|
| | | control.select(function(value) {
|
| | | var index = tinymce.inArray(fontSizes, value.fontSize);
|
| | |
|
| | | return index + 1 == fontSize;
|
| | | });
|
| | | }
|
| | | });
|
| | | });
|
| | | },
|
| | |
|
| | | getInfo : function() {
|
| | | return {
|
| | | longname : 'LegacyOutput',
|
| | | author : 'Moxiecode Systems AB',
|
| | | authorurl : 'http://tinymce.moxiecode.com',
|
| | | infourl : 'http://wiki.moxiecode.com/index.php/TinyMCE:Plugins/legacyoutput',
|
| | | version : tinymce.majorVersion + "." + tinymce.minorVersion
|
| | | };
|
| | | }
|
| | | });
|
| | |
|
| | | // Register plugin
|
| | | tinymce.PluginManager.add('legacyoutput', tinymce.plugins.LegacyOutput);
|
| | | })(tinymce);
|
New file |
| | |
| | | (function(){var e=tinymce.each,r=tinymce.dom.Event,g;function p(t,s){while(t&&(t.nodeType===8||(t.nodeType===3&&/^[ \t\n\r]*$/.test(t.nodeValue)))){t=s(t)}return t}function b(s){return p(s,function(t){return t.previousSibling})}function i(s){return p(s,function(t){return t.nextSibling})}function d(s,u,t){return s.dom.getParent(u,function(v){return tinymce.inArray(t,v)!==-1})}function n(s){return s&&(s.tagName==="OL"||s.tagName==="UL")}function c(u,v){var t,w,s;t=b(u.lastChild);while(n(t)){w=t;t=b(w.previousSibling)}if(w){s=v.create("li",{style:"list-style-type: none;"});v.split(u,w);v.insertAfter(s,w);s.appendChild(w);s.appendChild(w);u=s.previousSibling}return u}function m(t,s,u){t=a(t,s,u);return o(t,s,u)}function a(u,s,v){var t=b(u.previousSibling);if(t){return h(t,u,s?t:false,v)}else{return u}}function o(u,t,v){var s=i(u.nextSibling);if(s){return h(u,s,t?s:false,v)}else{return u}}function h(u,s,t,v){if(l(u,s,!!t,v)){return f(u,s,t)}else{if(u&&u.tagName==="LI"&&n(s)){u.appendChild(s)}}return s}function l(u,t,s,v){if(!u||!t){return false}else{if(u.tagName==="LI"&&t.tagName==="LI"){return t.style.listStyleType==="none"||j(t)}else{if(n(u)){return(u.tagName===t.tagName&&(s||u.style.listStyleType===t.style.listStyleType))||q(t)}else{if(v&&u.tagName==="P"&&t.tagName==="P"){return true}else{return false}}}}}function q(t){var s=i(t.firstChild),u=b(t.lastChild);return s&&u&&n(t)&&s===u&&(n(s)||s.style.listStyleType==="none"||j(s))}function j(u){var t=i(u.firstChild),s=b(u.lastChild);return t&&s&&t===s&&n(t)}function f(w,v,s){var u=b(w.lastChild),t=i(v.firstChild);if(w.tagName==="P"){w.appendChild(w.ownerDocument.createElement("br"))}while(v.firstChild){w.appendChild(v.firstChild)}if(s){w.style.listStyleType=s.style.listStyleType}v.parentNode.removeChild(v);h(u,t,false);return w}function k(t,u){var s;if(!u.is(t,"li,ol,ul")){s=u.getParent(t,"li");if(s){t=s}}return t}tinymce.create("tinymce.plugins.Lists",{init:function(A,y){var w=0;var t=1;var H=2;var J=3;var z=J;function C(M){return M.keyCode===9&&(A.queryCommandState("InsertUnorderedList")||A.queryCommandState("InsertOrderedList"))}function x(){var M=B();var O=M.parentNode.parentNode;var N=M.parentNode.lastChild===M;return N&&!u(O)&&K(M)}function u(M){if(n(M)){return M.parentNode&&M.parentNode.tagName==="LI"}else{return M.tagName==="LI"}}function D(){return A.selection.isCollapsed()&&K(B())}function B(){var M=A.selection.getStart();return((M.tagName=="BR"||M.tagName=="")&&M.parentNode.tagName=="LI")?M.parentNode:M}function K(M){var N=M.childNodes.length;if(M.tagName==="LI"){return N==0?true:N==1&&(M.firstChild.tagName==""||F(M)||G(M))}return false}function F(M){return tinymce.isWebKit&&M.firstChild.nodeName=="BR"}function G(M){var N=tinymce.grep(M.parentNode.childNodes,function(Q){return Q.nodeName=="LI"});var O=M==N[N.length-1];var P=M.firstChild;return tinymce.isIE9&&O&&(P.nodeValue==String.fromCharCode(160)||P.nodeValue==String.fromCharCode(32))}function L(M){return M.keyCode===13}function I(M){if(C(M)){return w}else{if(L(M)&&x()){return H}else{if(L(M)&&D()){return t}else{return J}}}}function s(M,N){if(z==w||z==t){return r.cancel(N)}}function v(P,R){var U;if(!tinymce.isGecko){return}var N=P.selection.getStart();if(R.keyCode!=8||N.tagName!=="IMG"){return}function O(Y){var Z=Y.firstChild;var X=null;do{if(!Z){break}if(Z.tagName==="LI"){X=Z}}while(Z=Z.nextSibling);return X}function W(Y,X){while(Y.childNodes.length>0){X.appendChild(Y.childNodes[0])}}U=N.parentNode.previousSibling;if(!U){return}var S;if(U.tagName==="UL"||U.tagName==="OL"){S=U}else{if(U.previousSibling&&(U.previousSibling.tagName==="UL"||U.previousSibling.tagName==="OL")){S=U.previousSibling}else{return}}var V=O(S);var M=P.dom.createRng();M.setStart(V,1);M.setEnd(V,1);P.selection.setRng(M);P.selection.collapse(true);var Q=P.selection.getBookmark();var T=N.parentNode.cloneNode(true);if(T.tagName==="P"||T.tagName==="DIV"){W(T,V)}else{V.appendChild(T)}N.parentNode.parentNode.removeChild(N.parentNode);P.selection.moveToBookmark(Q)}function E(M){var N=A.dom.getParent(M,"ol,ul");if(N!=null){var O=N.lastChild;O.appendChild(A.getDoc().createElement(""));A.selection.setCursorLocation(O,0)}}this.ed=A;A.addCommand("Indent",this.indent,this);A.addCommand("Outdent",this.outdent,this);A.addCommand("InsertUnorderedList",function(){this.applyList("UL","OL")},this);A.addCommand("InsertOrderedList",function(){this.applyList("OL","UL")},this);A.onInit.add(function(){A.editorCommands.addCommands({outdent:function(){var N=A.selection,O=A.dom;function M(P){P=O.getParent(P,O.isBlock);return P&&(parseInt(A.dom.getStyle(P,"margin-left")||0,10)+parseInt(A.dom.getStyle(P,"padding-left")||0,10))>0}return M(N.getStart())||M(N.getEnd())||A.queryCommandState("InsertOrderedList")||A.queryCommandState("InsertUnorderedList")}},"state")});A.onKeyUp.add(function(N,O){if(z==w){N.execCommand(O.shiftKey?"Outdent":"Indent",true,null);z=J;return r.cancel(O)}else{if(z==t){var M=B();var Q=N.settings.list_outdent_on_enter===true||O.shiftKey;N.execCommand(Q?"Outdent":"Indent",true,null);if(tinymce.isIE){E(M)}return r.cancel(O)}else{if(z==H){if(tinymce.isIE8){var P=N.getDoc().createTextNode("\uFEFF");N.selection.getNode().appendChild(P)}else{if(tinymce.isIE9){N.execCommand("Outdent");return r.cancel(O)}}}}}});A.onKeyDown.add(function(M,N){z=I(N)});A.onKeyDown.add(s);A.onKeyDown.add(v);A.onKeyPress.add(s)},applyList:function(y,v){var C=this,z=C.ed,I=z.dom,s=[],H=false,u=false,w=false,B,G=z.selection.getSelectedBlocks();function E(t){if(t&&t.tagName==="BR"){I.remove(t)}}function F(M){var N=I.create(y),t;function L(O){if(O.style.marginLeft||O.style.paddingLeft){C.adjustPaddingFunction(false)(O)}}if(M.tagName==="LI"){}else{if(M.tagName==="P"||M.tagName==="DIV"||M.tagName==="BODY"){K(M,function(P,O,Q){J(P,O,M.tagName==="BODY"?null:P.parentNode);t=P.parentNode;L(t);E(O)});if(M.tagName==="P"||G.length>1){I.split(t.parentNode.parentNode,t.parentNode)}m(t.parentNode,true);return}else{t=I.create("li");I.insertAfter(t,M);t.appendChild(M);L(M);M=t}}I.insertAfter(N,M);N.appendChild(M);m(N,true);s.push(M)}function J(Q,L,O){var t,P=Q,N,M;while(!I.isBlock(Q.parentNode)&&Q.parentNode!==I.getRoot()){Q=I.split(Q.parentNode,Q.previousSibling);Q=Q.nextSibling;P=Q}if(O){t=O.cloneNode(true);Q.parentNode.insertBefore(t,Q);while(t.firstChild){I.remove(t.firstChild)}t=I.rename(t,"li")}else{t=I.create("li");Q.parentNode.insertBefore(t,Q)}while(P&&P!=L){N=P.nextSibling;t.appendChild(P);P=N}if(t.childNodes.length===0){t.innerHTML='<br _mce_bogus="1" />'}F(t)}function K(Q,T){var N,R,O=3,L=1,t="br,ul,ol,p,div,h1,h2,h3,h4,h5,h6,table,blockquote,address,pre,form,center,dl";function P(X,U){var V=I.createRng(),W;g.keep=true;z.selection.moveToBookmark(g);g.keep=false;W=z.selection.getRng(true);if(!U){U=X.parentNode.lastChild}V.setStartBefore(X);V.setEndAfter(U);return !(V.compareBoundaryPoints(O,W)>0||V.compareBoundaryPoints(L,W)<=0)}function S(U){if(U.nextSibling){return U.nextSibling}if(!I.isBlock(U.parentNode)&&U.parentNode!==I.getRoot()){return S(U.parentNode)}}N=Q.firstChild;var M=false;e(I.select(t,Q),function(V){var U;if(V.hasAttribute&&V.hasAttribute("_mce_bogus")){return true}if(P(N,V)){I.addClass(V,"_mce_tagged_br");N=S(V)}});M=(N&&P(N,undefined));N=Q.firstChild;e(I.select(t,Q),function(V){var U=S(V);if(V.hasAttribute&&V.hasAttribute("_mce_bogus")){return true}if(I.hasClass(V,"_mce_tagged_br")){T(N,V,R);R=null}else{R=V}N=U});if(M){T(N,undefined,R)}}function D(t){K(t,function(M,L,N){J(M,L);E(L);E(N)})}function A(t){if(tinymce.inArray(s,t)!==-1){return}if(t.parentNode.tagName===v){I.split(t.parentNode,t);F(t);o(t.parentNode,false)}s.push(t)}function x(M){var O,N,L,t;if(tinymce.inArray(s,M)!==-1){return}M=c(M,I);while(I.is(M.parentNode,"ol,ul,li")){I.split(M.parentNode,M)}s.push(M);M=I.rename(M,"p");L=m(M,false,z.settings.force_br_newlines);if(L===M){O=M.firstChild;while(O){if(I.isBlock(O)){O=I.split(O.parentNode,O);t=true;N=O.nextSibling&&O.nextSibling.firstChild}else{N=O.nextSibling;if(t&&O.tagName==="BR"){I.remove(O)}t=false}O=N}}}e(G,function(t){t=k(t,I);if(t.tagName===v||(t.tagName==="LI"&&t.parentNode.tagName===v)){u=true}else{if(t.tagName===y||(t.tagName==="LI"&&t.parentNode.tagName===y)){H=true}else{w=true}}});if(w||u||G.length===0){B={LI:A,H1:F,H2:F,H3:F,H4:F,H5:F,H6:F,P:F,BODY:F,DIV:G.length>1?F:D,defaultAction:D}}else{B={defaultAction:x}}this.process(B)},indent:function(){var u=this.ed,w=u.dom,x=[];function s(z){var y=w.create("li",{style:"list-style-type: none;"});w.insertAfter(y,z);return y}function t(B){var y=s(B),D=w.getParent(B,"ol,ul"),C=D.tagName,E=w.getStyle(D,"list-style-type"),A={},z;if(E!==""){A.style="list-style-type: "+E+";"}z=w.create(C,A);y.appendChild(z);return z}function v(z){if(!d(u,z,x)){z=c(z,w);var y=t(z);y.appendChild(z);m(y.parentNode,false);m(y,false);x.push(z)}}this.process({LI:v,defaultAction:this.adjustPaddingFunction(true)})},outdent:function(){var v=this,u=v.ed,w=u.dom,s=[];function x(t){var z,y,A;if(!d(u,t,s)){if(w.getStyle(t,"margin-left")!==""||w.getStyle(t,"padding-left")!==""){return v.adjustPaddingFunction(false)(t)}A=w.getStyle(t,"text-align",true);if(A==="center"||A==="right"){w.setStyle(t,"text-align","left");return}t=c(t,w);z=t.parentNode;y=t.parentNode.parentNode;if(y.tagName==="P"){w.split(y,t.parentNode)}else{w.split(z,t);if(y.tagName==="LI"){w.split(y,t)}else{if(!w.is(y,"ol,ul")){w.rename(t,"p")}}}s.push(t)}}this.process({LI:x,defaultAction:this.adjustPaddingFunction(false)});e(s,m)},process:function(y){var D=this,w=D.ed.selection,z=D.ed.dom,C,u;function x(s){z.removeClass(s,"_mce_act_on");if(!s||s.nodeType!==1){return}s=k(s,z);var t=y[s.tagName];if(!t){t=y.defaultAction}t(s)}function v(s){D.splitSafeEach(s.childNodes,x)}function B(s,t){return t>=0&&s.hasChildNodes()&&t<s.childNodes.length&&s.childNodes[t].tagName==="BR"}C=w.getSelectedBlocks();if(C.length===0){C=[z.getRoot()]}u=w.getRng(true);if(!u.collapsed){if(B(u.endContainer,u.endOffset-1)){u.setEnd(u.endContainer,u.endOffset-1);w.setRng(u)}if(B(u.startContainer,u.startOffset)){u.setStart(u.startContainer,u.startOffset+1);w.setRng(u)}}if(tinymce.isIE8){var E=D.ed.selection.getNode();if(E.tagName==="LI"&&!(E.parentNode.lastChild===E)){var A=D.ed.getDoc().createTextNode("\uFEFF");E.appendChild(A)}}g=w.getBookmark();y.OL=y.UL=v;D.splitSafeEach(C,x);w.moveToBookmark(g);g=null;D.ed.execCommand("mceRepaint")},splitSafeEach:function(t,s){if(tinymce.isGecko&&(/Firefox\/[12]\.[0-9]/.test(navigator.userAgent)||/Firefox\/3\.[0-4]/.test(navigator.userAgent))){this.classBasedEach(t,s)}else{e(t,s)}},classBasedEach:function(v,u){var w=this.ed.dom,s,t;e(v,function(x){w.addClass(x,"_mce_act_on")});s=w.select("._mce_act_on");while(s.length>0){t=s.shift();w.removeClass(t,"_mce_act_on");u(t);s=w.select("._mce_act_on")}},adjustPaddingFunction:function(u){var s,v,t=this.ed;s=t.settings.indentation;v=/[a-z%]+/i.exec(s);s=parseInt(s,10);return function(w){var y,x;y=parseInt(t.dom.getStyle(w,"margin-left")||0,10)+parseInt(t.dom.getStyle(w,"padding-left")||0,10);if(u){x=y+s}else{x=y-s}t.dom.setStyle(w,"padding-left","");t.dom.setStyle(w,"margin-left",x>0?x+v:"")}},getInfo:function(){return{longname:"Lists",author:"Moxiecode Systems AB",authorurl:"http://tinymce.moxiecode.com",infourl:"http://wiki.moxiecode.com/index.php/TinyMCE:Plugins/lists",version:tinymce.majorVersion+"."+tinymce.minorVersion}}});tinymce.PluginManager.add("lists",tinymce.plugins.Lists)}()); |
New file |
| | |
| | | /** |
| | | * editor_plugin_src.js |
| | | * |
| | | * Copyright 2011, Moxiecode Systems AB |
| | | * Released under LGPL License. |
| | | * |
| | | * License: http://tinymce.moxiecode.com/license |
| | | * Contributing: http://tinymce.moxiecode.com/contributing |
| | | */ |
| | | |
| | | (function() { |
| | | var each = tinymce.each, Event = tinymce.dom.Event, bookmark; |
| | | |
| | | // Skips text nodes that only contain whitespace since they aren't semantically important. |
| | | function skipWhitespaceNodes(e, next) { |
| | | while (e && (e.nodeType === 8 || (e.nodeType === 3 && /^[ \t\n\r]*$/.test(e.nodeValue)))) { |
| | | e = next(e); |
| | | } |
| | | return e; |
| | | } |
| | | |
| | | function skipWhitespaceNodesBackwards(e) { |
| | | return skipWhitespaceNodes(e, function(e) { |
| | | return e.previousSibling; |
| | | }); |
| | | } |
| | | |
| | | function skipWhitespaceNodesForwards(e) { |
| | | return skipWhitespaceNodes(e, function(e) { |
| | | return e.nextSibling; |
| | | }); |
| | | } |
| | | |
| | | function hasParentInList(ed, e, list) { |
| | | return ed.dom.getParent(e, function(p) { |
| | | return tinymce.inArray(list, p) !== -1; |
| | | }); |
| | | } |
| | | |
| | | function isList(e) { |
| | | return e && (e.tagName === 'OL' || e.tagName === 'UL'); |
| | | } |
| | | |
| | | function splitNestedLists(element, dom) { |
| | | var tmp, nested, wrapItem; |
| | | tmp = skipWhitespaceNodesBackwards(element.lastChild); |
| | | while (isList(tmp)) { |
| | | nested = tmp; |
| | | tmp = skipWhitespaceNodesBackwards(nested.previousSibling); |
| | | } |
| | | if (nested) { |
| | | wrapItem = dom.create('li', { style: 'list-style-type: none;'}); |
| | | dom.split(element, nested); |
| | | dom.insertAfter(wrapItem, nested); |
| | | wrapItem.appendChild(nested); |
| | | wrapItem.appendChild(nested); |
| | | element = wrapItem.previousSibling; |
| | | } |
| | | return element; |
| | | } |
| | | |
| | | function attemptMergeWithAdjacent(e, allowDifferentListStyles, mergeParagraphs) { |
| | | e = attemptMergeWithPrevious(e, allowDifferentListStyles, mergeParagraphs); |
| | | return attemptMergeWithNext(e, allowDifferentListStyles, mergeParagraphs); |
| | | } |
| | | |
| | | function attemptMergeWithPrevious(e, allowDifferentListStyles, mergeParagraphs) { |
| | | var prev = skipWhitespaceNodesBackwards(e.previousSibling); |
| | | if (prev) { |
| | | return attemptMerge(prev, e, allowDifferentListStyles ? prev : false, mergeParagraphs); |
| | | } else { |
| | | return e; |
| | | } |
| | | } |
| | | |
| | | function attemptMergeWithNext(e, allowDifferentListStyles, mergeParagraphs) { |
| | | var next = skipWhitespaceNodesForwards(e.nextSibling); |
| | | if (next) { |
| | | return attemptMerge(e, next, allowDifferentListStyles ? next : false, mergeParagraphs); |
| | | } else { |
| | | return e; |
| | | } |
| | | } |
| | | |
| | | function attemptMerge(e1, e2, differentStylesMasterElement, mergeParagraphs) { |
| | | if (canMerge(e1, e2, !!differentStylesMasterElement, mergeParagraphs)) { |
| | | return merge(e1, e2, differentStylesMasterElement); |
| | | } else if (e1 && e1.tagName === 'LI' && isList(e2)) { |
| | | // Fix invalidly nested lists. |
| | | e1.appendChild(e2); |
| | | } |
| | | return e2; |
| | | } |
| | | |
| | | function canMerge(e1, e2, allowDifferentListStyles, mergeParagraphs) { |
| | | if (!e1 || !e2) { |
| | | return false; |
| | | } else if (e1.tagName === 'LI' && e2.tagName === 'LI') { |
| | | return e2.style.listStyleType === 'none' || containsOnlyAList(e2); |
| | | } else if (isList(e1)) { |
| | | return (e1.tagName === e2.tagName && (allowDifferentListStyles || e1.style.listStyleType === e2.style.listStyleType)) || isListForIndent(e2); |
| | | } else if (mergeParagraphs && e1.tagName === 'P' && e2.tagName === 'P') { |
| | | return true; |
| | | } else { |
| | | return false; |
| | | } |
| | | } |
| | | |
| | | function isListForIndent(e) { |
| | | var firstLI = skipWhitespaceNodesForwards(e.firstChild), lastLI = skipWhitespaceNodesBackwards(e.lastChild); |
| | | return firstLI && lastLI && isList(e) && firstLI === lastLI && (isList(firstLI) || firstLI.style.listStyleType === 'none' || containsOnlyAList(firstLI)); |
| | | } |
| | | |
| | | function containsOnlyAList(e) { |
| | | var firstChild = skipWhitespaceNodesForwards(e.firstChild), lastChild = skipWhitespaceNodesBackwards(e.lastChild); |
| | | return firstChild && lastChild && firstChild === lastChild && isList(firstChild); |
| | | } |
| | | |
| | | function merge(e1, e2, masterElement) { |
| | | var lastOriginal = skipWhitespaceNodesBackwards(e1.lastChild), firstNew = skipWhitespaceNodesForwards(e2.firstChild); |
| | | if (e1.tagName === 'P') { |
| | | e1.appendChild(e1.ownerDocument.createElement('br')); |
| | | } |
| | | while (e2.firstChild) { |
| | | e1.appendChild(e2.firstChild); |
| | | } |
| | | if (masterElement) { |
| | | e1.style.listStyleType = masterElement.style.listStyleType; |
| | | } |
| | | e2.parentNode.removeChild(e2); |
| | | attemptMerge(lastOriginal, firstNew, false); |
| | | return e1; |
| | | } |
| | | |
| | | function findItemToOperateOn(e, dom) { |
| | | var item; |
| | | if (!dom.is(e, 'li,ol,ul')) { |
| | | item = dom.getParent(e, 'li'); |
| | | if (item) { |
| | | e = item; |
| | | } |
| | | } |
| | | return e; |
| | | } |
| | | |
| | | tinymce.create('tinymce.plugins.Lists', { |
| | | init: function(ed, url) { |
| | | var LIST_TABBING = 0; |
| | | var LIST_EMPTY_ITEM = 1; |
| | | var LIST_ESCAPE = 2; |
| | | var LIST_UNKNOWN = 3; |
| | | var state = LIST_UNKNOWN; |
| | | |
| | | function isTabInList(e) { |
| | | return e.keyCode === 9 && (ed.queryCommandState('InsertUnorderedList') || ed.queryCommandState('InsertOrderedList')); |
| | | } |
| | | |
| | | function isOnLastListItem() { |
| | | var li = getLi(); |
| | | var grandParent = li.parentNode.parentNode; |
| | | var isLastItem = li.parentNode.lastChild === li; |
| | | return isLastItem && !isNestedList(grandParent) && isEmptyListItem(li); |
| | | } |
| | | |
| | | function isNestedList(grandParent) { |
| | | if (isList(grandParent)) { |
| | | return grandParent.parentNode && grandParent.parentNode.tagName === 'LI'; |
| | | } else { |
| | | return grandParent.tagName === 'LI'; |
| | | } |
| | | } |
| | | |
| | | function isInEmptyListItem() { |
| | | return ed.selection.isCollapsed() && isEmptyListItem(getLi()); |
| | | } |
| | | |
| | | function getLi() { |
| | | var n = ed.selection.getStart(); |
| | | // Get start will return BR if the LI only contains a BR or an empty element as we use these to fix caret position |
| | | return ((n.tagName == 'BR' || n.tagName == '') && n.parentNode.tagName == 'LI') ? n.parentNode : n; |
| | | } |
| | | |
| | | function isEmptyListItem(li) { |
| | | var numChildren = li.childNodes.length; |
| | | if (li.tagName === 'LI') { |
| | | return numChildren == 0 ? true : numChildren == 1 && (li.firstChild.tagName == '' || isEmptyWebKitLi(li) || isEmptyIE9Li(li)); |
| | | } |
| | | return false; |
| | | } |
| | | |
| | | function isEmptyWebKitLi(li) { |
| | | // Check for empty LI or a LI with just a child that is a BR since Gecko and WebKit uses BR elements to place the caret |
| | | return tinymce.isWebKit && li.firstChild.nodeName == 'BR'; |
| | | } |
| | | |
| | | function isEmptyIE9Li(li) { |
| | | // only consider this to be last item if there is no list item content or that content is nbsp or space since IE9 creates these |
| | | var lis = tinymce.grep(li.parentNode.childNodes, function(n) {return n.nodeName == 'LI'}); |
| | | var isLastLi = li == lis[lis.length - 1]; |
| | | var child = li.firstChild; |
| | | return tinymce.isIE9 && isLastLi && (child.nodeValue == String.fromCharCode(160) || child.nodeValue == String.fromCharCode(32)); |
| | | } |
| | | |
| | | function isEnter(e) { |
| | | return e.keyCode === 13; |
| | | } |
| | | |
| | | function getListKeyState(e) { |
| | | if (isTabInList(e)) { |
| | | return LIST_TABBING; |
| | | } else if (isEnter(e) && isOnLastListItem()) { |
| | | return LIST_ESCAPE; |
| | | } else if (isEnter(e) && isInEmptyListItem()) { |
| | | return LIST_EMPTY_ITEM; |
| | | } else { |
| | | return LIST_UNKNOWN; |
| | | } |
| | | } |
| | | |
| | | function cancelEnterAndTab(_, e) { |
| | | if (state == LIST_TABBING || state == LIST_EMPTY_ITEM) { |
| | | return Event.cancel(e); |
| | | } |
| | | } |
| | | |
| | | function imageJoiningListItem(ed, e) { |
| | | var prevSibling; |
| | | |
| | | if (!tinymce.isGecko) |
| | | return; |
| | | |
| | | var n = ed.selection.getStart(); |
| | | if (e.keyCode != 8 || n.tagName !== 'IMG') |
| | | return; |
| | | |
| | | function lastLI(node) { |
| | | var child = node.firstChild; |
| | | var li = null; |
| | | do { |
| | | if (!child) |
| | | break; |
| | | |
| | | if (child.tagName === 'LI') |
| | | li = child; |
| | | } while (child = child.nextSibling); |
| | | |
| | | return li; |
| | | } |
| | | |
| | | function addChildren(parentNode, destination) { |
| | | while (parentNode.childNodes.length > 0) |
| | | destination.appendChild(parentNode.childNodes[0]); |
| | | } |
| | | |
| | | // Check if there is a previous sibling |
| | | prevSibling = n.parentNode.previousSibling; |
| | | if (!prevSibling) |
| | | return; |
| | | |
| | | var ul; |
| | | if (prevSibling.tagName === 'UL' || prevSibling.tagName === 'OL') |
| | | ul = prevSibling; |
| | | else if (prevSibling.previousSibling && (prevSibling.previousSibling.tagName === 'UL' || prevSibling.previousSibling.tagName === 'OL')) |
| | | ul = prevSibling.previousSibling; |
| | | else |
| | | return; |
| | | |
| | | var li = lastLI(ul); |
| | | |
| | | // move the caret to the end of the list item |
| | | var rng = ed.dom.createRng(); |
| | | rng.setStart(li, 1); |
| | | rng.setEnd(li, 1); |
| | | ed.selection.setRng(rng); |
| | | ed.selection.collapse(true); |
| | | |
| | | // save a bookmark at the end of the list item |
| | | var bookmark = ed.selection.getBookmark(); |
| | | |
| | | // copy the image an its text to the list item |
| | | var clone = n.parentNode.cloneNode(true); |
| | | if (clone.tagName === 'P' || clone.tagName === 'DIV') |
| | | addChildren(clone, li); |
| | | else |
| | | li.appendChild(clone); |
| | | |
| | | // remove the old copy of the image |
| | | n.parentNode.parentNode.removeChild(n.parentNode); |
| | | |
| | | // move the caret where we saved the bookmark |
| | | ed.selection.moveToBookmark(bookmark); |
| | | } |
| | | |
| | | // fix the cursor position to ensure it is correct in IE |
| | | function setCursorPositionToOriginalLi(li) { |
| | | var list = ed.dom.getParent(li, 'ol,ul'); |
| | | if (list != null) { |
| | | var lastLi = list.lastChild; |
| | | lastLi.appendChild(ed.getDoc().createElement('')); |
| | | ed.selection.setCursorLocation(lastLi, 0); |
| | | } |
| | | } |
| | | |
| | | this.ed = ed; |
| | | ed.addCommand('Indent', this.indent, this); |
| | | ed.addCommand('Outdent', this.outdent, this); |
| | | ed.addCommand('InsertUnorderedList', function() { |
| | | this.applyList('UL', 'OL'); |
| | | }, this); |
| | | ed.addCommand('InsertOrderedList', function() { |
| | | this.applyList('OL', 'UL'); |
| | | }, this); |
| | | |
| | | ed.onInit.add(function() { |
| | | ed.editorCommands.addCommands({ |
| | | 'outdent': function() { |
| | | var sel = ed.selection, dom = ed.dom; |
| | | |
| | | function hasStyleIndent(n) { |
| | | n = dom.getParent(n, dom.isBlock); |
| | | return n && (parseInt(ed.dom.getStyle(n, 'margin-left') || 0, 10) + parseInt(ed.dom.getStyle(n, 'padding-left') || 0, 10)) > 0; |
| | | } |
| | | |
| | | return hasStyleIndent(sel.getStart()) || hasStyleIndent(sel.getEnd()) || ed.queryCommandState('InsertOrderedList') || ed.queryCommandState('InsertUnorderedList'); |
| | | } |
| | | }, 'state'); |
| | | }); |
| | | |
| | | ed.onKeyUp.add(function(ed, e) { |
| | | if (state == LIST_TABBING) { |
| | | ed.execCommand(e.shiftKey ? 'Outdent' : 'Indent', true, null); |
| | | state = LIST_UNKNOWN; |
| | | return Event.cancel(e); |
| | | } else if (state == LIST_EMPTY_ITEM) { |
| | | var li = getLi(); |
| | | var shouldOutdent = ed.settings.list_outdent_on_enter === true || e.shiftKey; |
| | | ed.execCommand(shouldOutdent ? 'Outdent' : 'Indent', true, null); |
| | | if (tinymce.isIE) { |
| | | setCursorPositionToOriginalLi(li); |
| | | } |
| | | return Event.cancel(e); |
| | | } else if (state == LIST_ESCAPE) { |
| | | if (tinymce.isIE8) { |
| | | // append a zero sized nbsp so that caret is positioned correctly in IE8 after escaping and applying formatting. |
| | | // if there is no text then applying formatting for e.g a H1 to the P tag immediately following list after |
| | | // escaping from it will cause the caret to be positioned on the last li instead of staying the in P tag. |
| | | var n = ed.getDoc().createTextNode('\uFEFF'); |
| | | ed.selection.getNode().appendChild(n); |
| | | } else if (tinymce.isIE9) { |
| | | // IE9 does not escape the list so we use outdent to do this and cancel the default behaviour |
| | | ed.execCommand('Outdent'); |
| | | return Event.cancel(e); |
| | | } |
| | | } |
| | | }); |
| | | ed.onKeyDown.add(function(_, e) { state = getListKeyState(e); }); |
| | | ed.onKeyDown.add(cancelEnterAndTab); |
| | | ed.onKeyDown.add(imageJoiningListItem); |
| | | ed.onKeyPress.add(cancelEnterAndTab); |
| | | }, |
| | | |
| | | applyList: function(targetListType, oppositeListType) { |
| | | var t = this, ed = t.ed, dom = ed.dom, applied = [], hasSameType = false, hasOppositeType = false, hasNonList = false, actions, |
| | | selectedBlocks = ed.selection.getSelectedBlocks(); |
| | | |
| | | function cleanupBr(e) { |
| | | if (e && e.tagName === 'BR') { |
| | | dom.remove(e); |
| | | } |
| | | } |
| | | |
| | | function makeList(element) { |
| | | var list = dom.create(targetListType), li; |
| | | |
| | | function adjustIndentForNewList(element) { |
| | | // If there's a margin-left, outdent one level to account for the extra list margin. |
| | | if (element.style.marginLeft || element.style.paddingLeft) { |
| | | t.adjustPaddingFunction(false)(element); |
| | | } |
| | | } |
| | | |
| | | if (element.tagName === 'LI') { |
| | | // No change required. |
| | | } else if (element.tagName === 'P' || element.tagName === 'DIV' || element.tagName === 'BODY') { |
| | | processBrs(element, function(startSection, br, previousBR) { |
| | | doWrapList(startSection, br, element.tagName === 'BODY' ? null : startSection.parentNode); |
| | | li = startSection.parentNode; |
| | | adjustIndentForNewList(li); |
| | | cleanupBr(br); |
| | | }); |
| | | if (element.tagName === 'P' || selectedBlocks.length > 1) { |
| | | dom.split(li.parentNode.parentNode, li.parentNode); |
| | | } |
| | | attemptMergeWithAdjacent(li.parentNode, true); |
| | | return; |
| | | } else { |
| | | // Put the list around the element. |
| | | li = dom.create('li'); |
| | | dom.insertAfter(li, element); |
| | | li.appendChild(element); |
| | | adjustIndentForNewList(element); |
| | | element = li; |
| | | } |
| | | dom.insertAfter(list, element); |
| | | list.appendChild(element); |
| | | attemptMergeWithAdjacent(list, true); |
| | | applied.push(element); |
| | | } |
| | | |
| | | function doWrapList(start, end, template) { |
| | | var li, n = start, tmp, i; |
| | | while (!dom.isBlock(start.parentNode) && start.parentNode !== dom.getRoot()) { |
| | | start = dom.split(start.parentNode, start.previousSibling); |
| | | start = start.nextSibling; |
| | | n = start; |
| | | } |
| | | if (template) { |
| | | li = template.cloneNode(true); |
| | | start.parentNode.insertBefore(li, start); |
| | | while (li.firstChild) dom.remove(li.firstChild); |
| | | li = dom.rename(li, 'li'); |
| | | } else { |
| | | li = dom.create('li'); |
| | | start.parentNode.insertBefore(li, start); |
| | | } |
| | | while (n && n != end) { |
| | | tmp = n.nextSibling; |
| | | li.appendChild(n); |
| | | n = tmp; |
| | | } |
| | | if (li.childNodes.length === 0) { |
| | | li.innerHTML = '<br _mce_bogus="1" />'; |
| | | } |
| | | makeList(li); |
| | | } |
| | | |
| | | function processBrs(element, callback) { |
| | | var startSection, previousBR, END_TO_START = 3, START_TO_END = 1, |
| | | breakElements = 'br,ul,ol,p,div,h1,h2,h3,h4,h5,h6,table,blockquote,address,pre,form,center,dl'; |
| | | |
| | | function isAnyPartSelected(start, end) { |
| | | var r = dom.createRng(), sel; |
| | | bookmark.keep = true; |
| | | ed.selection.moveToBookmark(bookmark); |
| | | bookmark.keep = false; |
| | | sel = ed.selection.getRng(true); |
| | | if (!end) { |
| | | end = start.parentNode.lastChild; |
| | | } |
| | | r.setStartBefore(start); |
| | | r.setEndAfter(end); |
| | | return !(r.compareBoundaryPoints(END_TO_START, sel) > 0 || r.compareBoundaryPoints(START_TO_END, sel) <= 0); |
| | | } |
| | | |
| | | function nextLeaf(br) { |
| | | if (br.nextSibling) |
| | | return br.nextSibling; |
| | | if (!dom.isBlock(br.parentNode) && br.parentNode !== dom.getRoot()) |
| | | return nextLeaf(br.parentNode); |
| | | } |
| | | |
| | | // Split on BRs within the range and process those. |
| | | startSection = element.firstChild; |
| | | // First mark the BRs that have any part of the previous section selected. |
| | | var trailingContentSelected = false; |
| | | each(dom.select(breakElements, element), function(br) { |
| | | var b; |
| | | if (br.hasAttribute && br.hasAttribute('_mce_bogus')) { |
| | | return true; // Skip the bogus Brs that are put in to appease Firefox and Safari. |
| | | } |
| | | if (isAnyPartSelected(startSection, br)) { |
| | | dom.addClass(br, '_mce_tagged_br'); |
| | | startSection = nextLeaf(br); |
| | | } |
| | | }); |
| | | trailingContentSelected = (startSection && isAnyPartSelected(startSection, undefined)); |
| | | startSection = element.firstChild; |
| | | each(dom.select(breakElements, element), function(br) { |
| | | // Got a section from start to br. |
| | | var tmp = nextLeaf(br); |
| | | if (br.hasAttribute && br.hasAttribute('_mce_bogus')) { |
| | | return true; // Skip the bogus Brs that are put in to appease Firefox and Safari. |
| | | } |
| | | if (dom.hasClass(br, '_mce_tagged_br')) { |
| | | callback(startSection, br, previousBR); |
| | | previousBR = null; |
| | | } else { |
| | | previousBR = br; |
| | | } |
| | | startSection = tmp; |
| | | }); |
| | | if (trailingContentSelected) { |
| | | callback(startSection, undefined, previousBR); |
| | | } |
| | | } |
| | | |
| | | function wrapList(element) { |
| | | processBrs(element, function(startSection, br, previousBR) { |
| | | // Need to indent this part |
| | | doWrapList(startSection, br); |
| | | cleanupBr(br); |
| | | cleanupBr(previousBR); |
| | | }); |
| | | } |
| | | |
| | | function changeList(element) { |
| | | if (tinymce.inArray(applied, element) !== -1) { |
| | | return; |
| | | } |
| | | if (element.parentNode.tagName === oppositeListType) { |
| | | dom.split(element.parentNode, element); |
| | | makeList(element); |
| | | attemptMergeWithNext(element.parentNode, false); |
| | | } |
| | | applied.push(element); |
| | | } |
| | | |
| | | function convertListItemToParagraph(element) { |
| | | var child, nextChild, mergedElement, splitLast; |
| | | if (tinymce.inArray(applied, element) !== -1) { |
| | | return; |
| | | } |
| | | element = splitNestedLists(element, dom); |
| | | while (dom.is(element.parentNode, 'ol,ul,li')) { |
| | | dom.split(element.parentNode, element); |
| | | } |
| | | // Push the original element we have from the selection, not the renamed one. |
| | | applied.push(element); |
| | | element = dom.rename(element, 'p'); |
| | | mergedElement = attemptMergeWithAdjacent(element, false, ed.settings.force_br_newlines); |
| | | if (mergedElement === element) { |
| | | // Now split out any block elements that can't be contained within a P. |
| | | // Manually iterate to ensure we handle modifications correctly (doesn't work with tinymce.each) |
| | | child = element.firstChild; |
| | | while (child) { |
| | | if (dom.isBlock(child)) { |
| | | child = dom.split(child.parentNode, child); |
| | | splitLast = true; |
| | | nextChild = child.nextSibling && child.nextSibling.firstChild; |
| | | } else { |
| | | nextChild = child.nextSibling; |
| | | if (splitLast && child.tagName === 'BR') { |
| | | dom.remove(child); |
| | | } |
| | | splitLast = false; |
| | | } |
| | | child = nextChild; |
| | | } |
| | | } |
| | | } |
| | | |
| | | each(selectedBlocks, function(e) { |
| | | e = findItemToOperateOn(e, dom); |
| | | if (e.tagName === oppositeListType || (e.tagName === 'LI' && e.parentNode.tagName === oppositeListType)) { |
| | | hasOppositeType = true; |
| | | } else if (e.tagName === targetListType || (e.tagName === 'LI' && e.parentNode.tagName === targetListType)) { |
| | | hasSameType = true; |
| | | } else { |
| | | hasNonList = true; |
| | | } |
| | | }); |
| | | |
| | | if (hasNonList || hasOppositeType || selectedBlocks.length === 0) { |
| | | actions = { |
| | | 'LI': changeList, |
| | | 'H1': makeList, |
| | | 'H2': makeList, |
| | | 'H3': makeList, |
| | | 'H4': makeList, |
| | | 'H5': makeList, |
| | | 'H6': makeList, |
| | | 'P': makeList, |
| | | 'BODY': makeList, |
| | | 'DIV': selectedBlocks.length > 1 ? makeList : wrapList, |
| | | defaultAction: wrapList |
| | | }; |
| | | } else { |
| | | actions = { |
| | | defaultAction: convertListItemToParagraph |
| | | }; |
| | | } |
| | | this.process(actions); |
| | | }, |
| | | |
| | | indent: function() { |
| | | var ed = this.ed, dom = ed.dom, indented = []; |
| | | |
| | | function createWrapItem(element) { |
| | | var wrapItem = dom.create('li', { style: 'list-style-type: none;'}); |
| | | dom.insertAfter(wrapItem, element); |
| | | return wrapItem; |
| | | } |
| | | |
| | | function createWrapList(element) { |
| | | var wrapItem = createWrapItem(element), |
| | | list = dom.getParent(element, 'ol,ul'), |
| | | listType = list.tagName, |
| | | listStyle = dom.getStyle(list, 'list-style-type'), |
| | | attrs = {}, |
| | | wrapList; |
| | | if (listStyle !== '') { |
| | | attrs.style = 'list-style-type: ' + listStyle + ';'; |
| | | } |
| | | wrapList = dom.create(listType, attrs); |
| | | wrapItem.appendChild(wrapList); |
| | | return wrapList; |
| | | } |
| | | |
| | | function indentLI(element) { |
| | | if (!hasParentInList(ed, element, indented)) { |
| | | element = splitNestedLists(element, dom); |
| | | var wrapList = createWrapList(element); |
| | | wrapList.appendChild(element); |
| | | attemptMergeWithAdjacent(wrapList.parentNode, false); |
| | | attemptMergeWithAdjacent(wrapList, false); |
| | | indented.push(element); |
| | | } |
| | | } |
| | | |
| | | this.process({ |
| | | 'LI': indentLI, |
| | | defaultAction: this.adjustPaddingFunction(true) |
| | | }); |
| | | |
| | | }, |
| | | |
| | | outdent: function() { |
| | | var t = this, ed = t.ed, dom = ed.dom, outdented = []; |
| | | |
| | | function outdentLI(element) { |
| | | var listElement, targetParent, align; |
| | | if (!hasParentInList(ed, element, outdented)) { |
| | | if (dom.getStyle(element, 'margin-left') !== '' || dom.getStyle(element, 'padding-left') !== '') { |
| | | return t.adjustPaddingFunction(false)(element); |
| | | } |
| | | align = dom.getStyle(element, 'text-align', true); |
| | | if (align === 'center' || align === 'right') { |
| | | dom.setStyle(element, 'text-align', 'left'); |
| | | return; |
| | | } |
| | | element = splitNestedLists(element, dom); |
| | | listElement = element.parentNode; |
| | | targetParent = element.parentNode.parentNode; |
| | | if (targetParent.tagName === 'P') { |
| | | dom.split(targetParent, element.parentNode); |
| | | } else { |
| | | dom.split(listElement, element); |
| | | if (targetParent.tagName === 'LI') { |
| | | // Nested list, need to split the LI and go back out to the OL/UL element. |
| | | dom.split(targetParent, element); |
| | | } else if (!dom.is(targetParent, 'ol,ul')) { |
| | | dom.rename(element, 'p'); |
| | | } |
| | | } |
| | | outdented.push(element); |
| | | } |
| | | } |
| | | |
| | | this.process({ |
| | | 'LI': outdentLI, |
| | | defaultAction: this.adjustPaddingFunction(false) |
| | | }); |
| | | |
| | | each(outdented, attemptMergeWithAdjacent); |
| | | }, |
| | | |
| | | process: function(actions) { |
| | | var t = this, sel = t.ed.selection, dom = t.ed.dom, selectedBlocks, r; |
| | | |
| | | function processElement(element) { |
| | | dom.removeClass(element, '_mce_act_on'); |
| | | if (!element || element.nodeType !== 1) { |
| | | return; |
| | | } |
| | | element = findItemToOperateOn(element, dom); |
| | | var action = actions[element.tagName]; |
| | | if (!action) { |
| | | action = actions.defaultAction; |
| | | } |
| | | action(element); |
| | | } |
| | | |
| | | function recurse(element) { |
| | | t.splitSafeEach(element.childNodes, processElement); |
| | | } |
| | | |
| | | function brAtEdgeOfSelection(container, offset) { |
| | | return offset >= 0 && container.hasChildNodes() && offset < container.childNodes.length && |
| | | container.childNodes[offset].tagName === 'BR'; |
| | | } |
| | | |
| | | selectedBlocks = sel.getSelectedBlocks(); |
| | | if (selectedBlocks.length === 0) { |
| | | selectedBlocks = [ dom.getRoot() ]; |
| | | } |
| | | |
| | | r = sel.getRng(true); |
| | | if (!r.collapsed) { |
| | | if (brAtEdgeOfSelection(r.endContainer, r.endOffset - 1)) { |
| | | r.setEnd(r.endContainer, r.endOffset - 1); |
| | | sel.setRng(r); |
| | | } |
| | | if (brAtEdgeOfSelection(r.startContainer, r.startOffset)) { |
| | | r.setStart(r.startContainer, r.startOffset + 1); |
| | | sel.setRng(r); |
| | | } |
| | | } |
| | | |
| | | |
| | | if (tinymce.isIE8) { |
| | | // append a zero sized nbsp so that caret is restored correctly using bookmark |
| | | var s = t.ed.selection.getNode(); |
| | | if (s.tagName === 'LI' && !(s.parentNode.lastChild === s)) { |
| | | var i = t.ed.getDoc().createTextNode('\uFEFF'); |
| | | s.appendChild(i); |
| | | } |
| | | } |
| | | |
| | | bookmark = sel.getBookmark(); |
| | | actions.OL = actions.UL = recurse; |
| | | t.splitSafeEach(selectedBlocks, processElement); |
| | | sel.moveToBookmark(bookmark); |
| | | bookmark = null; |
| | | // Avoids table or image handles being left behind in Firefox. |
| | | t.ed.execCommand('mceRepaint'); |
| | | }, |
| | | |
| | | splitSafeEach: function(elements, f) { |
| | | if (tinymce.isGecko && (/Firefox\/[12]\.[0-9]/.test(navigator.userAgent) || |
| | | /Firefox\/3\.[0-4]/.test(navigator.userAgent))) { |
| | | this.classBasedEach(elements, f); |
| | | } else { |
| | | each(elements, f); |
| | | } |
| | | }, |
| | | |
| | | classBasedEach: function(elements, f) { |
| | | var dom = this.ed.dom, nodes, element; |
| | | // Mark nodes |
| | | each(elements, function(element) { |
| | | dom.addClass(element, '_mce_act_on'); |
| | | }); |
| | | nodes = dom.select('._mce_act_on'); |
| | | while (nodes.length > 0) { |
| | | element = nodes.shift(); |
| | | dom.removeClass(element, '_mce_act_on'); |
| | | f(element); |
| | | nodes = dom.select('._mce_act_on'); |
| | | } |
| | | }, |
| | | |
| | | adjustPaddingFunction: function(isIndent) { |
| | | var indentAmount, indentUnits, ed = this.ed; |
| | | indentAmount = ed.settings.indentation; |
| | | indentUnits = /[a-z%]+/i.exec(indentAmount); |
| | | indentAmount = parseInt(indentAmount, 10); |
| | | return function(element) { |
| | | var currentIndent, newIndentAmount; |
| | | currentIndent = parseInt(ed.dom.getStyle(element, 'margin-left') || 0, 10) + parseInt(ed.dom.getStyle(element, 'padding-left') || 0, 10); |
| | | if (isIndent) { |
| | | newIndentAmount = currentIndent + indentAmount; |
| | | } else { |
| | | newIndentAmount = currentIndent - indentAmount; |
| | | } |
| | | ed.dom.setStyle(element, 'padding-left', ''); |
| | | ed.dom.setStyle(element, 'margin-left', newIndentAmount > 0 ? newIndentAmount + indentUnits : ''); |
| | | }; |
| | | }, |
| | | |
| | | getInfo: function() { |
| | | return { |
| | | longname : 'Lists', |
| | | author : 'Moxiecode Systems AB', |
| | | authorurl : 'http://tinymce.moxiecode.com', |
| | | infourl : 'http://wiki.moxiecode.com/index.php/TinyMCE:Plugins/lists', |
| | | version : tinymce.majorVersion + "." + tinymce.minorVersion |
| | | }; |
| | | } |
| | | }); |
| | | tinymce.PluginManager.add("lists", tinymce.plugins.Lists); |
| | | }()); |
New file |
| | |
| | | #id, #name, #hspace, #vspace, #class_name, #align { width: 100px }
|
| | | #hspace, #vspace { width: 50px }
|
| | | #flash_quality, #flash_align, #flash_scale, #flash_salign, #flash_wmode { width: 100px }
|
| | | #flash_base, #flash_flashvars, #html5_altsource1, #html5_altsource2, #html5_poster { width: 240px }
|
| | | #width, #height { width: 40px }
|
| | | #src, #media_type { width: 250px }
|
| | | #class { width: 120px }
|
| | | #prev { margin: 0; border: 1px solid black; width: 380px; height: 260px; overflow: auto }
|
| | | .panel_wrapper div.current { height: 420px; overflow: auto }
|
| | | #flash_options, #shockwave_options, #qt_options, #wmp_options, #rmp_options { display: none }
|
| | | .mceAddSelectValue { background-color: #DDDDDD }
|
| | | #qt_starttime, #qt_endtime, #qt_fov, #qt_href, #qt_moveid, #qt_moviename, #qt_node, #qt_pan, #qt_qtsrc, #qt_qtsrcchokespeed, #qt_target, #qt_tilt, #qt_urlsubstituten, #qt_volume { width: 70px }
|
| | | #wmp_balance, #wmp_baseurl, #wmp_captioningid, #wmp_currentmarker, #wmp_currentposition, #wmp_defaultframe, #wmp_playcount, #wmp_rate, #wmp_uimode, #wmp_volume { width: 70px }
|
| | | #rmp_console, #rmp_numloop, #rmp_controls, #rmp_scriptcallbacks { width: 70px }
|
| | | #shockwave_swvolume, #shockwave_swframe, #shockwave_swurl, #shockwave_swstretchvalign, #shockwave_swstretchhalign, #shockwave_swstretchstyle { width: 90px }
|
| | | #qt_qtsrc { width: 200px }
|
| | | iframe {border: 1px solid gray}
|
New file |
| | |
| | | (function(){var d=tinymce.explode("id,name,width,height,style,align,class,hspace,vspace,bgcolor,type"),h=tinymce.makeMap(d.join(",")),b=tinymce.html.Node,f,a,g=tinymce.util.JSON,e;f=[["Flash","d27cdb6e-ae6d-11cf-96b8-444553540000","application/x-shockwave-flash","http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"],["ShockWave","166b1bca-3f9c-11cf-8075-444553540000","application/x-director","http://download.macromedia.com/pub/shockwave/cabs/director/sw.cab#version=8,5,1,0"],["WindowsMedia","6bf52a52-394a-11d3-b153-00c04f79faa6,22d6f312-b0f6-11d0-94ab-0080c74c7e95,05589fa1-c356-11ce-bf01-00aa0055595a","application/x-mplayer2","http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=5,1,52,701"],["QuickTime","02bf25d5-8c17-4b23-bc80-d3488abddc6b","video/quicktime","http://www.apple.com/qtactivex/qtplugin.cab#version=6,0,2,0"],["RealMedia","cfcdaa03-8be4-11cf-b84b-0020afbbccfa","audio/x-pn-realaudio-plugin","http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"],["Java","8ad9c840-044e-11d1-b3e9-00805f499d93","application/x-java-applet","http://java.sun.com/products/plugin/autodl/jinstall-1_5_0-windows-i586.cab#Version=1,5,0,0"],["Silverlight","dfeaf541-f3e1-4c24-acac-99c30715084a","application/x-silverlight-2"],["Iframe"],["Video"],["EmbeddedAudio"],["Audio"]];function c(m){var l,j,k;if(m&&!m.splice){j=[];for(k=0;true;k++){if(m[k]){j[k]=m[k]}else{break}}return j}return m}tinymce.create("tinymce.plugins.MediaPlugin",{init:function(n,j){var r=this,l={},m,p,q,k;function o(i){return i&&i.nodeName==="IMG"&&n.dom.hasClass(i,"mceItemMedia")}r.editor=n;r.url=j;a="";for(m=0;m<f.length;m++){k=f[m][0];q={name:k,clsids:tinymce.explode(f[m][1]||""),mimes:tinymce.explode(f[m][2]||""),codebase:f[m][3]};for(p=0;p<q.clsids.length;p++){l["clsid:"+q.clsids[p]]=q}for(p=0;p<q.mimes.length;p++){l[q.mimes[p]]=q}l["mceItem"+k]=q;l[k.toLowerCase()]=q;a+=(a?"|":"")+k}tinymce.each(n.getParam("media_types","video=mp4,m4v,ogv,webm;silverlight=xap;flash=swf,flv;shockwave=dcr;quicktime=mov,qt,mpg,mpeg;shockwave=dcr;windowsmedia=avi,wmv,wm,asf,asx,wmx,wvx;realmedia=rm,ra,ram;java=jar;audio=mp3,ogg").split(";"),function(v){var s,u,t;v=v.split(/=/);u=tinymce.explode(v[1].toLowerCase());for(s=0;s<u.length;s++){t=l[v[0].toLowerCase()];if(t){l[u[s]]=t}}});a=new RegExp("write("+a+")\\(([^)]+)\\)");r.lookup=l;n.onPreInit.add(function(){n.schema.addValidElements("object[id|style|width|height|classid|codebase|*],param[name|value],embed[id|style|width|height|type|src|*],video[*],audio[*],source[*]");n.parser.addNodeFilter("object,embed,video,audio,script,iframe",function(s){var t=s.length;while(t--){r.objectToImg(s[t])}});n.serializer.addNodeFilter("img",function(s,u,t){var v=s.length,w;while(v--){w=s[v];if((w.attr("class")||"").indexOf("mceItemMedia")!==-1){r.imgToObject(w,t)}}})});n.onInit.add(function(){if(n.theme&&n.theme.onResolveName){n.theme.onResolveName.add(function(i,s){if(s.name==="img"&&n.dom.hasClass(s.node,"mceItemMedia")){s.name="media"}})}if(n&&n.plugins.contextmenu){n.plugins.contextmenu.onContextMenu.add(function(s,t,i){if(i.nodeName==="IMG"&&i.className.indexOf("mceItemMedia")!==-1){t.add({title:"media.edit",icon:"media",cmd:"mceMedia"})}})}});n.addCommand("mceMedia",function(){var s,i;i=n.selection.getNode();if(o(i)){s=n.dom.getAttrib(i,"data-mce-json");if(s){s=g.parse(s);tinymce.each(d,function(t){var u=n.dom.getAttrib(i,t);if(u){s[t]=u}});s.type=r.getType(i.className).name.toLowerCase()}}if(!s){s={type:"flash",video:{sources:[]},params:{}}}n.windowManager.open({file:j+"/media.htm",width:430+parseInt(n.getLang("media.delta_width",0)),height:500+parseInt(n.getLang("media.delta_height",0)),inline:1},{plugin_url:j,data:s})});n.addButton("media",{title:"media.desc",cmd:"mceMedia"});n.onNodeChange.add(function(s,i,t){i.setActive("media",o(t))})},convertUrl:function(k,n){var j=this,m=j.editor,l=m.settings,o=l.url_converter,i=l.url_converter_scope||j;if(!k){return k}if(n){return m.documentBaseURI.toAbsolute(k)}return o.call(i,k,"src","object")},getInfo:function(){return{longname:"Media",author:"Moxiecode Systems AB",authorurl:"http://tinymce.moxiecode.com",infourl:"http://wiki.moxiecode.com/index.php/TinyMCE:Plugins/media",version:tinymce.majorVersion+"."+tinymce.minorVersion}},dataToImg:function(m,k){var r=this,o=r.editor,p=o.documentBaseURI,j,q,n,l;m.params.src=r.convertUrl(m.params.src,k);q=m.video.attrs;if(q){q.src=r.convertUrl(q.src,k)}if(q){q.poster=r.convertUrl(q.poster,k)}j=c(m.video.sources);if(j){for(l=0;l<j.length;l++){j[l].src=r.convertUrl(j[l].src,k)}}n=r.editor.dom.create("img",{id:m.id,style:m.style,align:m.align,hspace:m.hspace,vspace:m.vspace,src:r.editor.theme.url+"/img/trans.gif","class":"mceItemMedia mceItem"+r.getType(m.type).name,"data-mce-json":g.serialize(m,"'")});n.width=m.width||(m.type=="audio"?"300":"320");n.height=m.height||(m.type=="audio"?"32":"240");return n},dataToHtml:function(i,j){return this.editor.serializer.serialize(this.dataToImg(i,j),{forced_root_block:"",force_absolute:j})},htmlToData:function(k){var j,i,l;l={type:"flash",video:{sources:[]},params:{}};j=this.editor.parser.parse(k);i=j.getAll("img")[0];if(i){l=g.parse(i.attr("data-mce-json"));l.type=this.getType(i.attr("class")).name.toLowerCase();tinymce.each(d,function(m){var n=i.attr(m);if(n){l[m]=n}})}return l},getType:function(m){var k,j,l;j=tinymce.explode(m," ");for(k=0;k<j.length;k++){l=this.lookup[j[k]];if(l){return l}}},imgToObject:function(z,o){var u=this,p=u.editor,C,H,j,t,I,y,G,w,k,E,s,q,A,D,m,x,l,B,F;function r(i,n){var M,L,N,K,J;J=p.getParam("flash_video_player_url",u.convertUrl(u.url+"/moxieplayer.swf"));if(J){M=p.documentBaseURI;G.params.src=J;if(p.getParam("flash_video_player_absvideourl",true)){i=M.toAbsolute(i||"",true);n=M.toAbsolute(n||"",true)}N="";L=p.getParam("flash_video_player_flashvars",{url:"$url",poster:"$poster"});tinymce.each(L,function(P,O){P=P.replace(/\$url/,i||"");P=P.replace(/\$poster/,n||"");if(P.length>0){N+=(N?"&":"")+O+"="+escape(P)}});if(N.length){G.params.flashvars=N}K=p.getParam("flash_video_player_params",{allowfullscreen:true,allowscriptaccess:true});tinymce.each(K,function(P,O){G.params[O]=""+P})}}G=z.attr("data-mce-json");if(!G){return}G=g.parse(G);q=this.getType(z.attr("class"));B=z.attr("data-mce-style");if(!B){B=z.attr("style");if(B){B=p.dom.serializeStyle(p.dom.parseStyle(B,"img"))}}if(q.name==="Iframe"){x=new b("iframe",1);tinymce.each(d,function(i){var n=z.attr(i);if(i=="class"&&n){n=n.replace(/mceItem.+ ?/g,"")}if(n&&n.length>0){x.attr(i,n)}});for(I in G.params){x.attr(I,G.params[I])}x.attr({style:B,src:G.params.src});z.replace(x);return}if(this.editor.settings.media_use_script){x=new b("script",1).attr("type","text/javascript");y=new b("#text",3);y.value="write"+q.name+"("+g.serialize(tinymce.extend(G.params,{width:z.attr("width"),height:z.attr("height")}))+");";x.append(y);z.replace(x);return}if(q.name==="Video"&&G.video.sources[0]){C=new b("video",1).attr(tinymce.extend({id:z.attr("id"),width:z.attr("width"),height:z.attr("height"),style:B},G.video.attrs));if(G.video.attrs){l=G.video.attrs.poster}k=G.video.sources=c(G.video.sources);for(A=0;A<k.length;A++){if(/\.mp4$/.test(k[A].src)){m=k[A].src}}if(!k[0].type){C.attr("src",k[0].src);k.splice(0,1)}for(A=0;A<k.length;A++){w=new b("source",1).attr(k[A]);w.shortEnded=true;C.append(w)}if(m){r(m,l);q=u.getType("flash")}else{G.params.src=""}}if(q.name==="Audio"&&G.video.sources[0]){F=new b("audio",1).attr(tinymce.extend({id:z.attr("id"),width:z.attr("width"),height:z.attr("height"),style:B},G.video.attrs));if(G.video.attrs){l=G.video.attrs.poster}k=G.video.sources=c(G.video.sources);if(!k[0].type){F.attr("src",k[0].src);k.splice(0,1)}for(A=0;A<k.length;A++){w=new b("source",1).attr(k[A]);w.shortEnded=true;F.append(w)}G.params.src=""}if(q.name==="EmbeddedAudio"){j=new b("embed",1);j.shortEnded=true;j.attr({id:z.attr("id"),width:z.attr("width"),height:z.attr("height"),style:B,type:z.attr("type")});for(I in G.params){j.attr(I,G.params[I])}tinymce.each(d,function(i){if(G[i]&&i!="type"){j.attr(i,G[i])}});G.params.src=""}if(G.params.src){if(/\.flv$/i.test(G.params.src)){r(G.params.src,"")}if(o&&o.force_absolute){G.params.src=p.documentBaseURI.toAbsolute(G.params.src)}H=new b("object",1).attr({id:z.attr("id"),width:z.attr("width"),height:z.attr("height"),style:B});tinymce.each(d,function(i){var n=G[i];if(i=="class"&&n){n=n.replace(/mceItem.+ ?/g,"")}if(n&&i!="type"){H.attr(i,n)}});for(I in G.params){s=new b("param",1);s.shortEnded=true;y=G.params[I];if(I==="src"&&q.name==="WindowsMedia"){I="url"}s.attr({name:I,value:y});H.append(s)}if(this.editor.getParam("media_strict",true)){H.attr({data:G.params.src,type:q.mimes[0]})}else{H.attr({classid:"clsid:"+q.clsids[0],codebase:q.codebase});j=new b("embed",1);j.shortEnded=true;j.attr({id:z.attr("id"),width:z.attr("width"),height:z.attr("height"),style:B,type:q.mimes[0]});for(I in G.params){j.attr(I,G.params[I])}tinymce.each(d,function(i){if(G[i]&&i!="type"){j.attr(i,G[i])}});H.append(j)}if(G.object_html){y=new b("#text",3);y.raw=true;y.value=G.object_html;H.append(y)}if(C){C.append(H)}}if(C){if(G.video_html){y=new b("#text",3);y.raw=true;y.value=G.video_html;C.append(y)}}if(F){if(G.video_html){y=new b("#text",3);y.raw=true;y.value=G.video_html;F.append(y)}}var v=C||F||H||j;if(v){z.replace(v)}else{z.remove()}},objectToImg:function(C){var L,k,F,s,M,N,y,A,x,G,E,t,q,I,B,l,K,o,H=this.lookup,m,z,v=this.editor.settings.url_converter,n=this.editor.settings.url_converter_scope,w,r,D,j;function u(i){return new tinymce.html.Serializer({inner:true,validate:false}).serialize(i)}function J(O,i){return H[(O.attr(i)||"").toLowerCase()]}function p(O){var i=O.replace(/^.*\.([^.]+)$/,"$1");return H[i.toLowerCase()||""]}if(!C.parent){return}if(C.name==="script"){if(C.firstChild){m=a.exec(C.firstChild.value)}if(!m){return}o=m[1];K={video:{},params:g.parse(m[2])};A=K.params.width;x=K.params.height}K=K||{video:{},params:{}};M=new b("img",1);M.attr({src:this.editor.theme.url+"/img/trans.gif"});N=C.name;if(N==="video"||N=="audio"){F=C;L=C.getAll("object")[0];k=C.getAll("embed")[0];A=F.attr("width");x=F.attr("height");y=F.attr("id");K.video={attrs:{},sources:[]};z=K.video.attrs;for(N in F.attributes.map){z[N]=F.attributes.map[N]}B=C.attr("src");if(B){K.video.sources.push({src:v.call(n,B,"src",C.name)})}l=F.getAll("source");for(E=0;E<l.length;E++){B=l[E].remove();K.video.sources.push({src:v.call(n,B.attr("src"),"src","source"),type:B.attr("type"),media:B.attr("media")})}if(z.poster){z.poster=v.call(n,z.poster,"poster",C.name)}}if(C.name==="object"){L=C;k=C.getAll("embed")[0]}if(C.name==="embed"){k=C}if(C.name==="iframe"){s=C;o="Iframe"}if(L){A=A||L.attr("width");x=x||L.attr("height");G=G||L.attr("style");y=y||L.attr("id");w=w||L.attr("hspace");r=r||L.attr("vspace");D=D||L.attr("align");j=j||L.attr("bgcolor");K.name=L.attr("name");I=L.getAll("param");for(E=0;E<I.length;E++){q=I[E];N=q.remove().attr("name");if(!h[N]){K.params[N]=q.attr("value")}}K.params.src=K.params.src||L.attr("data")}if(k){A=A||k.attr("width");x=x||k.attr("height");G=G||k.attr("style");y=y||k.attr("id");w=w||k.attr("hspace");r=r||k.attr("vspace");D=D||k.attr("align");j=j||k.attr("bgcolor");for(N in k.attributes.map){if(!h[N]&&!K.params[N]){K.params[N]=k.attributes.map[N]}}}if(s){A=s.attr("width");x=s.attr("height");G=G||s.attr("style");y=s.attr("id");w=s.attr("hspace");r=s.attr("vspace");D=s.attr("align");j=s.attr("bgcolor");tinymce.each(d,function(i){M.attr(i,s.attr(i))});for(N in s.attributes.map){if(!h[N]&&!K.params[N]){K.params[N]=s.attributes.map[N]}}}if(K.params.movie){K.params.src=K.params.src||K.params.movie;delete K.params.movie}if(K.params.src){K.params.src=v.call(n,K.params.src,"src","object")}if(F){if(C.name==="video"){o=H.video.name}else{if(C.name==="audio"){o=H.audio.name}}}if(L&&!o){o=(J(L,"clsid")||J(L,"classid")||J(L,"type")||{}).name}if(k&&!o){o=(J(k,"type")||p(K.params.src)||{}).name}if(k&&o=="EmbeddedAudio"){K.params.type=k.attr("type")}C.replace(M);if(k){k.remove()}if(L){t=u(L.remove());if(t){K.object_html=t}}if(F){t=u(F.remove());if(t){K.video_html=t}}K.hspace=w;K.vspace=r;K.align=D;K.bgcolor=j;M.attr({id:y,"class":"mceItemMedia mceItem"+(o||"Flash"),style:G,width:A||(C.name=="audio"?"300":"320"),height:x||(C.name=="audio"?"32":"240"),hspace:w,vspace:r,align:D,bgcolor:j,"data-mce-json":g.serialize(K,"'")})}});tinymce.PluginManager.add("media",tinymce.plugins.MediaPlugin)})(); |
New file |
| | |
| | | /**
|
| | | * editor_plugin_src.js
|
| | | *
|
| | | * Copyright 2009, Moxiecode Systems AB
|
| | | * Released under LGPL License.
|
| | | *
|
| | | * License: http://tinymce.moxiecode.com/license
|
| | | * Contributing: http://tinymce.moxiecode.com/contributing
|
| | | */
|
| | |
|
| | | (function() {
|
| | | var rootAttributes = tinymce.explode('id,name,width,height,style,align,class,hspace,vspace,bgcolor,type'), excludedAttrs = tinymce.makeMap(rootAttributes.join(',')), Node = tinymce.html.Node,
|
| | | mediaTypes, scriptRegExp, JSON = tinymce.util.JSON, mimeTypes;
|
| | |
|
| | | // Media types supported by this plugin
|
| | | mediaTypes = [
|
| | | // Type, clsid:s, mime types, codebase
|
| | | ["Flash", "d27cdb6e-ae6d-11cf-96b8-444553540000", "application/x-shockwave-flash", "http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"],
|
| | | ["ShockWave", "166b1bca-3f9c-11cf-8075-444553540000", "application/x-director", "http://download.macromedia.com/pub/shockwave/cabs/director/sw.cab#version=8,5,1,0"],
|
| | | ["WindowsMedia", "6bf52a52-394a-11d3-b153-00c04f79faa6,22d6f312-b0f6-11d0-94ab-0080c74c7e95,05589fa1-c356-11ce-bf01-00aa0055595a", "application/x-mplayer2", "http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=5,1,52,701"],
|
| | | ["QuickTime", "02bf25d5-8c17-4b23-bc80-d3488abddc6b", "video/quicktime", "http://www.apple.com/qtactivex/qtplugin.cab#version=6,0,2,0"],
|
| | | ["RealMedia", "cfcdaa03-8be4-11cf-b84b-0020afbbccfa", "audio/x-pn-realaudio-plugin", "http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"],
|
| | | ["Java", "8ad9c840-044e-11d1-b3e9-00805f499d93", "application/x-java-applet", "http://java.sun.com/products/plugin/autodl/jinstall-1_5_0-windows-i586.cab#Version=1,5,0,0"],
|
| | | ["Silverlight", "dfeaf541-f3e1-4c24-acac-99c30715084a", "application/x-silverlight-2"],
|
| | | ["Iframe"],
|
| | | ["Video"],
|
| | | ["EmbeddedAudio"],
|
| | | ["Audio"]
|
| | | ];
|
| | |
|
| | | function toArray(obj) {
|
| | | var undef, out, i;
|
| | |
|
| | | if (obj && !obj.splice) {
|
| | | out = [];
|
| | |
|
| | | for (i = 0; true; i++) {
|
| | | if (obj[i])
|
| | | out[i] = obj[i];
|
| | | else
|
| | | break;
|
| | | }
|
| | |
|
| | | return out;
|
| | | }
|
| | |
|
| | | return obj;
|
| | | };
|
| | |
|
| | | tinymce.create('tinymce.plugins.MediaPlugin', {
|
| | | init : function(ed, url) {
|
| | | var self = this, lookup = {}, i, y, item, name;
|
| | |
|
| | | function isMediaImg(node) {
|
| | | return node && node.nodeName === 'IMG' && ed.dom.hasClass(node, 'mceItemMedia');
|
| | | };
|
| | |
|
| | | self.editor = ed;
|
| | | self.url = url;
|
| | |
|
| | | // Parse media types into a lookup table
|
| | | scriptRegExp = '';
|
| | | for (i = 0; i < mediaTypes.length; i++) {
|
| | | name = mediaTypes[i][0];
|
| | |
|
| | | item = {
|
| | | name : name,
|
| | | clsids : tinymce.explode(mediaTypes[i][1] || ''),
|
| | | mimes : tinymce.explode(mediaTypes[i][2] || ''),
|
| | | codebase : mediaTypes[i][3]
|
| | | };
|
| | |
|
| | | for (y = 0; y < item.clsids.length; y++)
|
| | | lookup['clsid:' + item.clsids[y]] = item;
|
| | |
|
| | | for (y = 0; y < item.mimes.length; y++)
|
| | | lookup[item.mimes[y]] = item;
|
| | |
|
| | | lookup['mceItem' + name] = item;
|
| | | lookup[name.toLowerCase()] = item;
|
| | |
|
| | | scriptRegExp += (scriptRegExp ? '|' : '') + name;
|
| | | }
|
| | |
|
| | | // Handle the media_types setting
|
| | | tinymce.each(ed.getParam("media_types",
|
| | | "video=mp4,m4v,ogv,webm;" +
|
| | | "silverlight=xap;" +
|
| | | "flash=swf,flv;" +
|
| | | "shockwave=dcr;" +
|
| | | "quicktime=mov,qt,mpg,mpeg;" +
|
| | | "shockwave=dcr;" +
|
| | | "windowsmedia=avi,wmv,wm,asf,asx,wmx,wvx;" +
|
| | | "realmedia=rm,ra,ram;" +
|
| | | "java=jar;" +
|
| | | "audio=mp3,ogg"
|
| | | ).split(';'), function(item) {
|
| | | var i, extensions, type;
|
| | |
|
| | | item = item.split(/=/);
|
| | | extensions = tinymce.explode(item[1].toLowerCase());
|
| | | for (i = 0; i < extensions.length; i++) {
|
| | | type = lookup[item[0].toLowerCase()];
|
| | |
|
| | | if (type)
|
| | | lookup[extensions[i]] = type;
|
| | | }
|
| | | });
|
| | |
|
| | | scriptRegExp = new RegExp('write(' + scriptRegExp + ')\\(([^)]+)\\)');
|
| | | self.lookup = lookup;
|
| | |
|
| | | ed.onPreInit.add(function() {
|
| | | // Allow video elements
|
| | | ed.schema.addValidElements('object[id|style|width|height|classid|codebase|*],param[name|value],embed[id|style|width|height|type|src|*],video[*],audio[*],source[*]');
|
| | |
|
| | | // Convert video elements to image placeholder
|
| | | ed.parser.addNodeFilter('object,embed,video,audio,script,iframe', function(nodes) {
|
| | | var i = nodes.length;
|
| | |
|
| | | while (i--)
|
| | | self.objectToImg(nodes[i]);
|
| | | });
|
| | |
|
| | | // Convert image placeholders to video elements
|
| | | ed.serializer.addNodeFilter('img', function(nodes, name, args) {
|
| | | var i = nodes.length, node;
|
| | |
|
| | | while (i--) {
|
| | | node = nodes[i];
|
| | | if ((node.attr('class') || '').indexOf('mceItemMedia') !== -1)
|
| | | self.imgToObject(node, args);
|
| | | }
|
| | | });
|
| | | });
|
| | |
|
| | | ed.onInit.add(function() {
|
| | | // Display "media" instead of "img" in element path
|
| | | if (ed.theme && ed.theme.onResolveName) {
|
| | | ed.theme.onResolveName.add(function(theme, path_object) {
|
| | | if (path_object.name === 'img' && ed.dom.hasClass(path_object.node, 'mceItemMedia'))
|
| | | path_object.name = 'media';
|
| | | });
|
| | | }
|
| | |
|
| | | // Add contect menu if it's loaded
|
| | | if (ed && ed.plugins.contextmenu) {
|
| | | ed.plugins.contextmenu.onContextMenu.add(function(plugin, menu, element) {
|
| | | if (element.nodeName === 'IMG' && element.className.indexOf('mceItemMedia') !== -1)
|
| | | menu.add({title : 'media.edit', icon : 'media', cmd : 'mceMedia'});
|
| | | });
|
| | | }
|
| | | });
|
| | |
|
| | | // Register commands
|
| | | ed.addCommand('mceMedia', function() {
|
| | | var data, img;
|
| | |
|
| | | img = ed.selection.getNode();
|
| | | if (isMediaImg(img)) {
|
| | | data = ed.dom.getAttrib(img, 'data-mce-json');
|
| | | if (data) {
|
| | | data = JSON.parse(data);
|
| | |
|
| | | // Add some extra properties to the data object
|
| | | tinymce.each(rootAttributes, function(name) {
|
| | | var value = ed.dom.getAttrib(img, name);
|
| | |
|
| | | if (value)
|
| | | data[name] = value;
|
| | | });
|
| | |
|
| | | data.type = self.getType(img.className).name.toLowerCase();
|
| | | }
|
| | | }
|
| | |
|
| | | if (!data) {
|
| | | data = {
|
| | | type : 'flash',
|
| | | video: {sources:[]},
|
| | | params: {}
|
| | | };
|
| | | }
|
| | |
|
| | | ed.windowManager.open({
|
| | | file : url + '/media.htm',
|
| | | width : 430 + parseInt(ed.getLang('media.delta_width', 0)),
|
| | | height : 500 + parseInt(ed.getLang('media.delta_height', 0)),
|
| | | inline : 1
|
| | | }, {
|
| | | plugin_url : url,
|
| | | data : data
|
| | | });
|
| | | });
|
| | |
|
| | | // Register buttons
|
| | | ed.addButton('media', {title : 'media.desc', cmd : 'mceMedia'});
|
| | |
|
| | | // Update media selection status
|
| | | ed.onNodeChange.add(function(ed, cm, node) {
|
| | | cm.setActive('media', isMediaImg(node));
|
| | | });
|
| | | },
|
| | |
|
| | | convertUrl : function(url, force_absolute) {
|
| | | var self = this, editor = self.editor, settings = editor.settings,
|
| | | urlConverter = settings.url_converter,
|
| | | urlConverterScope = settings.url_converter_scope || self;
|
| | |
|
| | | if (!url)
|
| | | return url;
|
| | |
|
| | | if (force_absolute)
|
| | | return editor.documentBaseURI.toAbsolute(url);
|
| | |
|
| | | return urlConverter.call(urlConverterScope, url, 'src', 'object');
|
| | | },
|
| | |
|
| | | getInfo : function() {
|
| | | return {
|
| | | longname : 'Media',
|
| | | author : 'Moxiecode Systems AB',
|
| | | authorurl : 'http://tinymce.moxiecode.com',
|
| | | infourl : 'http://wiki.moxiecode.com/index.php/TinyMCE:Plugins/media',
|
| | | version : tinymce.majorVersion + "." + tinymce.minorVersion
|
| | | };
|
| | | },
|
| | |
|
| | | /**
|
| | | * Converts the JSON data object to an img node.
|
| | | */
|
| | | dataToImg : function(data, force_absolute) {
|
| | | var self = this, editor = self.editor, baseUri = editor.documentBaseURI, sources, attrs, img, i;
|
| | |
|
| | | data.params.src = self.convertUrl(data.params.src, force_absolute);
|
| | |
|
| | | attrs = data.video.attrs;
|
| | | if (attrs)
|
| | | attrs.src = self.convertUrl(attrs.src, force_absolute);
|
| | |
|
| | | if (attrs)
|
| | | attrs.poster = self.convertUrl(attrs.poster, force_absolute);
|
| | |
|
| | | sources = toArray(data.video.sources);
|
| | | if (sources) {
|
| | | for (i = 0; i < sources.length; i++)
|
| | | sources[i].src = self.convertUrl(sources[i].src, force_absolute);
|
| | | }
|
| | |
|
| | | img = self.editor.dom.create('img', {
|
| | | id : data.id,
|
| | | style : data.style,
|
| | | align : data.align,
|
| | | hspace : data.hspace,
|
| | | vspace : data.vspace,
|
| | | src : self.editor.theme.url + '/img/trans.gif',
|
| | | 'class' : 'mceItemMedia mceItem' + self.getType(data.type).name,
|
| | | 'data-mce-json' : JSON.serialize(data, "'")
|
| | | });
|
| | |
|
| | | img.width = data.width || (data.type == 'audio' ? "300" : "320");
|
| | | img.height = data.height || (data.type == 'audio' ? "32" : "240");
|
| | |
|
| | | return img;
|
| | | },
|
| | |
|
| | | /**
|
| | | * Converts the JSON data object to a HTML string.
|
| | | */
|
| | | dataToHtml : function(data, force_absolute) {
|
| | | return this.editor.serializer.serialize(this.dataToImg(data, force_absolute), {forced_root_block : '', force_absolute : force_absolute});
|
| | | },
|
| | |
|
| | | /**
|
| | | * Converts the JSON data object to a HTML string.
|
| | | */
|
| | | htmlToData : function(html) {
|
| | | var fragment, img, data;
|
| | |
|
| | | data = {
|
| | | type : 'flash',
|
| | | video: {sources:[]},
|
| | | params: {}
|
| | | };
|
| | |
|
| | | fragment = this.editor.parser.parse(html);
|
| | | img = fragment.getAll('img')[0];
|
| | |
|
| | | if (img) {
|
| | | data = JSON.parse(img.attr('data-mce-json'));
|
| | | data.type = this.getType(img.attr('class')).name.toLowerCase();
|
| | |
|
| | | // Add some extra properties to the data object
|
| | | tinymce.each(rootAttributes, function(name) {
|
| | | var value = img.attr(name);
|
| | |
|
| | | if (value)
|
| | | data[name] = value;
|
| | | });
|
| | | }
|
| | |
|
| | | return data;
|
| | | },
|
| | |
|
| | | /**
|
| | | * Get type item by extension, class, clsid or mime type.
|
| | | *
|
| | | * @method getType
|
| | | * @param {String} value Value to get type item by.
|
| | | * @return {Object} Type item object or undefined.
|
| | | */
|
| | | getType : function(value) {
|
| | | var i, values, typeItem;
|
| | |
|
| | | // Find type by checking the classes
|
| | | values = tinymce.explode(value, ' ');
|
| | | for (i = 0; i < values.length; i++) {
|
| | | typeItem = this.lookup[values[i]];
|
| | |
|
| | | if (typeItem)
|
| | | return typeItem;
|
| | | }
|
| | | },
|
| | |
|
| | | /**
|
| | | * Converts a tinymce.html.Node image element to video/object/embed.
|
| | | */
|
| | | imgToObject : function(node, args) {
|
| | | var self = this, editor = self.editor, video, object, embed, iframe, name, value, data,
|
| | | source, sources, params, param, typeItem, i, item, mp4Source, replacement,
|
| | | posterSrc, style, audio;
|
| | |
|
| | | // Adds the flash player
|
| | | function addPlayer(video_src, poster_src) {
|
| | | var baseUri, flashVars, flashVarsOutput, params, flashPlayer;
|
| | |
|
| | | flashPlayer = editor.getParam('flash_video_player_url', self.convertUrl(self.url + '/moxieplayer.swf'));
|
| | | if (flashPlayer) {
|
| | | baseUri = editor.documentBaseURI;
|
| | | data.params.src = flashPlayer;
|
| | |
|
| | | // Convert the movie url to absolute urls
|
| | | if (editor.getParam('flash_video_player_absvideourl', true)) {
|
| | | video_src = baseUri.toAbsolute(video_src || '', true);
|
| | | poster_src = baseUri.toAbsolute(poster_src || '', true);
|
| | | }
|
| | |
|
| | | // Generate flash vars
|
| | | flashVarsOutput = '';
|
| | | flashVars = editor.getParam('flash_video_player_flashvars', {url : '$url', poster : '$poster'});
|
| | | tinymce.each(flashVars, function(value, name) {
|
| | | // Replace $url and $poster variables in flashvars value
|
| | | value = value.replace(/\$url/, video_src || '');
|
| | | value = value.replace(/\$poster/, poster_src || '');
|
| | |
|
| | | if (value.length > 0)
|
| | | flashVarsOutput += (flashVarsOutput ? '&' : '') + name + '=' + escape(value);
|
| | | });
|
| | |
|
| | | if (flashVarsOutput.length)
|
| | | data.params.flashvars = flashVarsOutput;
|
| | |
|
| | | params = editor.getParam('flash_video_player_params', {
|
| | | allowfullscreen: true,
|
| | | allowscriptaccess: true
|
| | | });
|
| | |
|
| | | tinymce.each(params, function(value, name) {
|
| | | data.params[name] = "" + value;
|
| | | });
|
| | | }
|
| | | };
|
| | |
|
| | | data = node.attr('data-mce-json');
|
| | | if (!data)
|
| | | return;
|
| | |
|
| | | data = JSON.parse(data);
|
| | | typeItem = this.getType(node.attr('class'));
|
| | |
|
| | | style = node.attr('data-mce-style')
|
| | | if (!style) {
|
| | | style = node.attr('style');
|
| | |
|
| | | if (style)
|
| | | style = editor.dom.serializeStyle(editor.dom.parseStyle(style, 'img'));
|
| | | }
|
| | |
|
| | | // Handle iframe
|
| | | if (typeItem.name === 'Iframe') {
|
| | | replacement = new Node('iframe', 1);
|
| | |
|
| | | tinymce.each(rootAttributes, function(name) {
|
| | | var value = node.attr(name);
|
| | |
|
| | | if (name == 'class' && value)
|
| | | value = value.replace(/mceItem.+ ?/g, '');
|
| | |
|
| | | if (value && value.length > 0)
|
| | | replacement.attr(name, value);
|
| | | });
|
| | |
|
| | | for (name in data.params)
|
| | | replacement.attr(name, data.params[name]);
|
| | |
|
| | | replacement.attr({
|
| | | style: style,
|
| | | src: data.params.src
|
| | | });
|
| | |
|
| | | node.replace(replacement);
|
| | |
|
| | | return;
|
| | | }
|
| | |
|
| | | // Handle scripts
|
| | | if (this.editor.settings.media_use_script) {
|
| | | replacement = new Node('script', 1).attr('type', 'text/javascript');
|
| | |
|
| | | value = new Node('#text', 3);
|
| | | value.value = 'write' + typeItem.name + '(' + JSON.serialize(tinymce.extend(data.params, {
|
| | | width: node.attr('width'),
|
| | | height: node.attr('height')
|
| | | })) + ');';
|
| | |
|
| | | replacement.append(value);
|
| | | node.replace(replacement);
|
| | |
|
| | | return;
|
| | | }
|
| | |
|
| | | // Add HTML5 video element
|
| | | if (typeItem.name === 'Video' && data.video.sources[0]) {
|
| | | // Create new object element
|
| | | video = new Node('video', 1).attr(tinymce.extend({
|
| | | id : node.attr('id'),
|
| | | width: node.attr('width'),
|
| | | height: node.attr('height'),
|
| | | style : style
|
| | | }, data.video.attrs));
|
| | |
|
| | | // Get poster source and use that for flash fallback
|
| | | if (data.video.attrs)
|
| | | posterSrc = data.video.attrs.poster;
|
| | |
|
| | | sources = data.video.sources = toArray(data.video.sources);
|
| | | for (i = 0; i < sources.length; i++) {
|
| | | if (/\.mp4$/.test(sources[i].src))
|
| | | mp4Source = sources[i].src;
|
| | | }
|
| | |
|
| | | if (!sources[0].type) {
|
| | | video.attr('src', sources[0].src);
|
| | | sources.splice(0, 1);
|
| | | }
|
| | |
|
| | | for (i = 0; i < sources.length; i++) {
|
| | | source = new Node('source', 1).attr(sources[i]);
|
| | | source.shortEnded = true;
|
| | | video.append(source);
|
| | | }
|
| | |
|
| | | // Create flash fallback for video if we have a mp4 source
|
| | | if (mp4Source) {
|
| | | addPlayer(mp4Source, posterSrc);
|
| | | typeItem = self.getType('flash');
|
| | | } else
|
| | | data.params.src = '';
|
| | | }
|
| | |
|
| | | // Add HTML5 audio element
|
| | | if (typeItem.name === 'Audio' && data.video.sources[0]) {
|
| | | // Create new object element
|
| | | audio = new Node('audio', 1).attr(tinymce.extend({
|
| | | id : node.attr('id'),
|
| | | width: node.attr('width'),
|
| | | height: node.attr('height'),
|
| | | style : style
|
| | | }, data.video.attrs));
|
| | |
|
| | | // Get poster source and use that for flash fallback
|
| | | if (data.video.attrs)
|
| | | posterSrc = data.video.attrs.poster;
|
| | |
|
| | | sources = data.video.sources = toArray(data.video.sources);
|
| | | if (!sources[0].type) {
|
| | | audio.attr('src', sources[0].src);
|
| | | sources.splice(0, 1);
|
| | | }
|
| | |
|
| | | for (i = 0; i < sources.length; i++) {
|
| | | source = new Node('source', 1).attr(sources[i]);
|
| | | source.shortEnded = true;
|
| | | audio.append(source);
|
| | | }
|
| | |
|
| | | data.params.src = '';
|
| | | }
|
| | |
|
| | | if (typeItem.name === 'EmbeddedAudio') {
|
| | | embed = new Node('embed', 1);
|
| | | embed.shortEnded = true;
|
| | | embed.attr({
|
| | | id: node.attr('id'),
|
| | | width: node.attr('width'),
|
| | | height: node.attr('height'),
|
| | | style : style,
|
| | | type: node.attr('type')
|
| | | });
|
| | |
|
| | | for (name in data.params)
|
| | | embed.attr(name, data.params[name]);
|
| | |
|
| | | tinymce.each(rootAttributes, function(name) {
|
| | | if (data[name] && name != 'type')
|
| | | embed.attr(name, data[name]);
|
| | | });
|
| | |
|
| | | data.params.src = '';
|
| | | }
|
| | |
|
| | | // Do we have a params src then we can generate object
|
| | | if (data.params.src) {
|
| | | // Is flv movie add player for it
|
| | | if (/\.flv$/i.test(data.params.src))
|
| | | addPlayer(data.params.src, '');
|
| | |
|
| | | if (args && args.force_absolute)
|
| | | data.params.src = editor.documentBaseURI.toAbsolute(data.params.src);
|
| | |
|
| | | // Create new object element
|
| | | object = new Node('object', 1).attr({
|
| | | id : node.attr('id'),
|
| | | width: node.attr('width'),
|
| | | height: node.attr('height'),
|
| | | style : style
|
| | | });
|
| | |
|
| | | tinymce.each(rootAttributes, function(name) {
|
| | | var value = data[name];
|
| | |
|
| | | if (name == 'class' && value)
|
| | | value = value.replace(/mceItem.+ ?/g, '');
|
| | |
|
| | | if (value && name != 'type')
|
| | | object.attr(name, value);
|
| | | });
|
| | |
|
| | | // Add params
|
| | | for (name in data.params) {
|
| | | param = new Node('param', 1);
|
| | | param.shortEnded = true;
|
| | | value = data.params[name];
|
| | |
|
| | | // Windows media needs to use url instead of src for the media URL
|
| | | if (name === 'src' && typeItem.name === 'WindowsMedia')
|
| | | name = 'url';
|
| | |
|
| | | param.attr({name: name, value: value});
|
| | | object.append(param);
|
| | | }
|
| | |
|
| | | // Setup add type and classid if strict is disabled
|
| | | if (this.editor.getParam('media_strict', true)) {
|
| | | object.attr({
|
| | | data: data.params.src,
|
| | | type: typeItem.mimes[0]
|
| | | });
|
| | | } else {
|
| | | object.attr({
|
| | | classid: "clsid:" + typeItem.clsids[0],
|
| | | codebase: typeItem.codebase
|
| | | });
|
| | |
|
| | | embed = new Node('embed', 1);
|
| | | embed.shortEnded = true;
|
| | | embed.attr({
|
| | | id: node.attr('id'),
|
| | | width: node.attr('width'),
|
| | | height: node.attr('height'),
|
| | | style : style,
|
| | | type: typeItem.mimes[0]
|
| | | });
|
| | |
|
| | | for (name in data.params)
|
| | | embed.attr(name, data.params[name]);
|
| | |
|
| | | tinymce.each(rootAttributes, function(name) {
|
| | | if (data[name] && name != 'type')
|
| | | embed.attr(name, data[name]);
|
| | | });
|
| | |
|
| | | object.append(embed);
|
| | | }
|
| | |
|
| | | // Insert raw HTML
|
| | | if (data.object_html) {
|
| | | value = new Node('#text', 3);
|
| | | value.raw = true;
|
| | | value.value = data.object_html;
|
| | | object.append(value);
|
| | | }
|
| | |
|
| | | // Append object to video element if it exists
|
| | | if (video)
|
| | | video.append(object);
|
| | | }
|
| | |
|
| | | if (video) {
|
| | | // Insert raw HTML
|
| | | if (data.video_html) {
|
| | | value = new Node('#text', 3);
|
| | | value.raw = true;
|
| | | value.value = data.video_html;
|
| | | video.append(value);
|
| | | }
|
| | | }
|
| | |
|
| | | if (audio) {
|
| | | // Insert raw HTML
|
| | | if (data.video_html) {
|
| | | value = new Node('#text', 3);
|
| | | value.raw = true;
|
| | | value.value = data.video_html;
|
| | | audio.append(value);
|
| | | }
|
| | | }
|
| | |
|
| | | var n = video || audio || object || embed;
|
| | | if (n)
|
| | | node.replace(n);
|
| | | else
|
| | | node.remove();
|
| | | },
|
| | |
|
| | | /**
|
| | | * Converts a tinymce.html.Node video/object/embed to an img element.
|
| | | *
|
| | | * The video/object/embed will be converted into an image placeholder with a JSON data attribute like this:
|
| | | * <img class="mceItemMedia mceItemFlash" width="100" height="100" data-mce-json="{..}" />
|
| | | *
|
| | | * The JSON structure will be like this:
|
| | | * {'params':{'flashvars':'something','quality':'high','src':'someurl'}, 'video':{'sources':[{src: 'someurl', type: 'video/mp4'}]}}
|
| | | */
|
| | | objectToImg : function(node) {
|
| | | var object, embed, video, iframe, img, name, id, width, height, style, i, html,
|
| | | param, params, source, sources, data, type, lookup = this.lookup,
|
| | | matches, attrs, urlConverter = this.editor.settings.url_converter,
|
| | | urlConverterScope = this.editor.settings.url_converter_scope,
|
| | | hspace, vspace, align, bgcolor;
|
| | |
|
| | | function getInnerHTML(node) {
|
| | | return new tinymce.html.Serializer({
|
| | | inner: true,
|
| | | validate: false
|
| | | }).serialize(node);
|
| | | };
|
| | |
|
| | | function lookupAttribute(o, attr) {
|
| | | return lookup[(o.attr(attr) || '').toLowerCase()];
|
| | | }
|
| | |
|
| | | function lookupExtension(src) {
|
| | | var ext = src.replace(/^.*\.([^.]+)$/, '$1');
|
| | | return lookup[ext.toLowerCase() || ''];
|
| | | }
|
| | |
|
| | | // If node isn't in document
|
| | | if (!node.parent)
|
| | | return;
|
| | |
|
| | | // Handle media scripts
|
| | | if (node.name === 'script') {
|
| | | if (node.firstChild)
|
| | | matches = scriptRegExp.exec(node.firstChild.value);
|
| | |
|
| | | if (!matches)
|
| | | return;
|
| | |
|
| | | type = matches[1];
|
| | | data = {video : {}, params : JSON.parse(matches[2])};
|
| | | width = data.params.width;
|
| | | height = data.params.height;
|
| | | }
|
| | |
|
| | | // Setup data objects
|
| | | data = data || {
|
| | | video : {},
|
| | | params : {}
|
| | | };
|
| | |
|
| | | // Setup new image object
|
| | | img = new Node('img', 1);
|
| | | img.attr({
|
| | | src : this.editor.theme.url + '/img/trans.gif'
|
| | | });
|
| | |
|
| | | // Video element
|
| | | name = node.name;
|
| | | if (name === 'video' || name == 'audio') {
|
| | | video = node;
|
| | | object = node.getAll('object')[0];
|
| | | embed = node.getAll('embed')[0];
|
| | | width = video.attr('width');
|
| | | height = video.attr('height');
|
| | | id = video.attr('id');
|
| | | data.video = {attrs : {}, sources : []};
|
| | |
|
| | | // Get all video attributes
|
| | | attrs = data.video.attrs;
|
| | | for (name in video.attributes.map)
|
| | | attrs[name] = video.attributes.map[name];
|
| | |
|
| | | source = node.attr('src');
|
| | | if (source)
|
| | | data.video.sources.push({src : urlConverter.call(urlConverterScope, source, 'src', node.name)});
|
| | |
|
| | | // Get all sources
|
| | | sources = video.getAll("source");
|
| | | for (i = 0; i < sources.length; i++) {
|
| | | source = sources[i].remove();
|
| | |
|
| | | data.video.sources.push({
|
| | | src: urlConverter.call(urlConverterScope, source.attr('src'), 'src', 'source'),
|
| | | type: source.attr('type'),
|
| | | media: source.attr('media')
|
| | | });
|
| | | }
|
| | |
|
| | | // Convert the poster URL
|
| | | if (attrs.poster)
|
| | | attrs.poster = urlConverter.call(urlConverterScope, attrs.poster, 'poster', node.name);
|
| | | }
|
| | |
|
| | | // Object element
|
| | | if (node.name === 'object') {
|
| | | object = node;
|
| | | embed = node.getAll('embed')[0];
|
| | | }
|
| | |
|
| | | // Embed element
|
| | | if (node.name === 'embed')
|
| | | embed = node;
|
| | |
|
| | | // Iframe element
|
| | | if (node.name === 'iframe') {
|
| | | iframe = node;
|
| | | type = 'Iframe';
|
| | | }
|
| | |
|
| | | if (object) {
|
| | | // Get width/height
|
| | | width = width || object.attr('width');
|
| | | height = height || object.attr('height');
|
| | | style = style || object.attr('style');
|
| | | id = id || object.attr('id');
|
| | | hspace = hspace || object.attr('hspace');
|
| | | vspace = vspace || object.attr('vspace');
|
| | | align = align || object.attr('align');
|
| | | bgcolor = bgcolor || object.attr('bgcolor');
|
| | | data.name = object.attr('name');
|
| | |
|
| | | // Get all object params
|
| | | params = object.getAll("param");
|
| | | for (i = 0; i < params.length; i++) {
|
| | | param = params[i];
|
| | | name = param.remove().attr('name');
|
| | |
|
| | | if (!excludedAttrs[name])
|
| | | data.params[name] = param.attr('value');
|
| | | }
|
| | |
|
| | | data.params.src = data.params.src || object.attr('data');
|
| | | }
|
| | |
|
| | | if (embed) {
|
| | | // Get width/height
|
| | | width = width || embed.attr('width');
|
| | | height = height || embed.attr('height');
|
| | | style = style || embed.attr('style');
|
| | | id = id || embed.attr('id');
|
| | | hspace = hspace || embed.attr('hspace');
|
| | | vspace = vspace || embed.attr('vspace');
|
| | | align = align || embed.attr('align');
|
| | | bgcolor = bgcolor || embed.attr('bgcolor');
|
| | |
|
| | | // Get all embed attributes
|
| | | for (name in embed.attributes.map) {
|
| | | if (!excludedAttrs[name] && !data.params[name])
|
| | | data.params[name] = embed.attributes.map[name];
|
| | | }
|
| | | }
|
| | |
|
| | | if (iframe) {
|
| | | // Get width/height
|
| | | width = iframe.attr('width');
|
| | | height = iframe.attr('height');
|
| | | style = style || iframe.attr('style');
|
| | | id = iframe.attr('id');
|
| | | hspace = iframe.attr('hspace');
|
| | | vspace = iframe.attr('vspace');
|
| | | align = iframe.attr('align');
|
| | | bgcolor = iframe.attr('bgcolor');
|
| | |
|
| | | tinymce.each(rootAttributes, function(name) {
|
| | | img.attr(name, iframe.attr(name));
|
| | | });
|
| | |
|
| | | // Get all iframe attributes
|
| | | for (name in iframe.attributes.map) {
|
| | | if (!excludedAttrs[name] && !data.params[name])
|
| | | data.params[name] = iframe.attributes.map[name];
|
| | | }
|
| | | }
|
| | |
|
| | | // Use src not movie
|
| | | if (data.params.movie) {
|
| | | data.params.src = data.params.src || data.params.movie;
|
| | | delete data.params.movie;
|
| | | }
|
| | |
|
| | | // Convert the URL to relative/absolute depending on configuration
|
| | | if (data.params.src)
|
| | | data.params.src = urlConverter.call(urlConverterScope, data.params.src, 'src', 'object');
|
| | |
|
| | | if (video) {
|
| | | if (node.name === 'video')
|
| | | type = lookup.video.name;
|
| | | else if (node.name === 'audio')
|
| | | type = lookup.audio.name;
|
| | | }
|
| | |
|
| | | if (object && !type)
|
| | | type = (lookupAttribute(object, 'clsid') || lookupAttribute(object, 'classid') || lookupAttribute(object, 'type') || {}).name;
|
| | |
|
| | | if (embed && !type)
|
| | | type = (lookupAttribute(embed, 'type') || lookupExtension(data.params.src) || {}).name;
|
| | |
|
| | | // for embedded audio we preserve the original specified type
|
| | | if (embed && type == 'EmbeddedAudio') {
|
| | | data.params.type = embed.attr('type');
|
| | | }
|
| | |
|
| | | // Replace the video/object/embed element with a placeholder image containing the data
|
| | | node.replace(img);
|
| | |
|
| | | // Remove embed
|
| | | if (embed)
|
| | | embed.remove();
|
| | |
|
| | | // Serialize the inner HTML of the object element
|
| | | if (object) {
|
| | | html = getInnerHTML(object.remove());
|
| | |
|
| | | if (html)
|
| | | data.object_html = html;
|
| | | }
|
| | |
|
| | | // Serialize the inner HTML of the video element
|
| | | if (video) {
|
| | | html = getInnerHTML(video.remove());
|
| | |
|
| | | if (html)
|
| | | data.video_html = html;
|
| | | }
|
| | |
|
| | | data.hspace = hspace;
|
| | | data.vspace = vspace;
|
| | | data.align = align;
|
| | | data.bgcolor = bgcolor;
|
| | |
|
| | | // Set width/height of placeholder
|
| | | img.attr({
|
| | | id : id,
|
| | | 'class' : 'mceItemMedia mceItem' + (type || 'Flash'),
|
| | | style : style,
|
| | | width : width || (node.name == 'audio' ? "300" : "320"),
|
| | | height : height || (node.name == 'audio' ? "32" : "240"),
|
| | | hspace : hspace,
|
| | | vspace : vspace,
|
| | | align : align,
|
| | | bgcolor : bgcolor,
|
| | | "data-mce-json" : JSON.serialize(data, "'")
|
| | | });
|
| | | }
|
| | | });
|
| | |
|
| | | // Register plugin
|
| | | tinymce.PluginManager.add('media', tinymce.plugins.MediaPlugin);
|
| | | })();
|
New file |
| | |
| | | /**
|
| | | * This script contains embed functions for common plugins. This scripts are complety free to use for any purpose.
|
| | | */
|
| | |
|
| | | function writeFlash(p) {
|
| | | writeEmbed(
|
| | | 'D27CDB6E-AE6D-11cf-96B8-444553540000',
|
| | | 'http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0',
|
| | | 'application/x-shockwave-flash',
|
| | | p
|
| | | );
|
| | | }
|
| | |
|
| | | function writeShockWave(p) {
|
| | | writeEmbed(
|
| | | '166B1BCA-3F9C-11CF-8075-444553540000',
|
| | | 'http://download.macromedia.com/pub/shockwave/cabs/director/sw.cab#version=8,5,1,0',
|
| | | 'application/x-director',
|
| | | p
|
| | | );
|
| | | }
|
| | |
|
| | | function writeQuickTime(p) {
|
| | | writeEmbed(
|
| | | '02BF25D5-8C17-4B23-BC80-D3488ABDDC6B',
|
| | | 'http://www.apple.com/qtactivex/qtplugin.cab#version=6,0,2,0',
|
| | | 'video/quicktime',
|
| | | p
|
| | | );
|
| | | }
|
| | |
|
| | | function writeRealMedia(p) {
|
| | | writeEmbed(
|
| | | 'CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA',
|
| | | 'http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0',
|
| | | 'audio/x-pn-realaudio-plugin',
|
| | | p
|
| | | );
|
| | | }
|
| | |
|
| | | function writeWindowsMedia(p) {
|
| | | p.url = p.src;
|
| | | writeEmbed(
|
| | | '6BF52A52-394A-11D3-B153-00C04F79FAA6',
|
| | | 'http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=5,1,52,701',
|
| | | 'application/x-mplayer2',
|
| | | p
|
| | | );
|
| | | }
|
| | |
|
| | | function writeEmbed(cls, cb, mt, p) {
|
| | | var h = '', n;
|
| | |
|
| | | h += '<object classid="clsid:' + cls + '" codebase="' + cb + '"';
|
| | | h += typeof(p.id) != "undefined" ? 'id="' + p.id + '"' : '';
|
| | | h += typeof(p.name) != "undefined" ? 'name="' + p.name + '"' : '';
|
| | | h += typeof(p.width) != "undefined" ? 'width="' + p.width + '"' : '';
|
| | | h += typeof(p.height) != "undefined" ? 'height="' + p.height + '"' : '';
|
| | | h += typeof(p.align) != "undefined" ? 'align="' + p.align + '"' : '';
|
| | | h += '>';
|
| | |
|
| | | for (n in p)
|
| | | h += '<param name="' + n + '" value="' + p[n] + '">';
|
| | |
|
| | | h += '<embed type="' + mt + '"';
|
| | |
|
| | | for (n in p)
|
| | | h += n + '="' + p[n] + '" ';
|
| | |
|
| | | h += '></embed></object>';
|
| | |
|
| | | document.write(h);
|
| | | }
|
New file |
| | |
| | | (function() {
|
| | | var url;
|
| | |
|
| | | if (url = tinyMCEPopup.getParam("media_external_list_url"))
|
| | | document.write('<script language="javascript" type="text/javascript" src="' + tinyMCEPopup.editor.documentBaseURI.toAbsolute(url) + '"></script>');
|
| | |
|
| | | function get(id) {
|
| | | return document.getElementById(id);
|
| | | }
|
| | |
|
| | | function clone(obj) {
|
| | | var i, len, copy, attr;
|
| | |
|
| | | if (null == obj || "object" != typeof obj)
|
| | | return obj;
|
| | |
|
| | | // Handle Array
|
| | | if ('length' in obj) {
|
| | | copy = [];
|
| | |
|
| | | for (i = 0, len = obj.length; i < len; ++i) {
|
| | | copy[i] = clone(obj[i]);
|
| | | }
|
| | |
|
| | | return copy;
|
| | | }
|
| | |
|
| | | // Handle Object
|
| | | copy = {};
|
| | | for (attr in obj) {
|
| | | if (obj.hasOwnProperty(attr))
|
| | | copy[attr] = clone(obj[attr]);
|
| | | }
|
| | |
|
| | | return copy;
|
| | | }
|
| | |
|
| | | function getVal(id) {
|
| | | var elm = get(id);
|
| | |
|
| | | if (elm.nodeName == "SELECT")
|
| | | return elm.options[elm.selectedIndex].value;
|
| | |
|
| | | if (elm.type == "checkbox")
|
| | | return elm.checked;
|
| | |
|
| | | return elm.value;
|
| | | }
|
| | |
|
| | | function setVal(id, value, name) {
|
| | | if (typeof(value) != 'undefined') {
|
| | | var elm = get(id);
|
| | |
|
| | | if (elm.nodeName == "SELECT")
|
| | | selectByValue(document.forms[0], id, value);
|
| | | else if (elm.type == "checkbox") {
|
| | | if (typeof(value) == 'string') {
|
| | | value = value.toLowerCase();
|
| | | value = (!name && value === 'true') || (name && value === name.toLowerCase());
|
| | | }
|
| | | elm.checked = !!value;
|
| | | } else
|
| | | elm.value = value;
|
| | | }
|
| | | }
|
| | |
|
| | | window.Media = {
|
| | | init : function() {
|
| | | var html, editor;
|
| | |
|
| | | this.editor = editor = tinyMCEPopup.editor;
|
| | |
|
| | | // Setup file browsers and color pickers
|
| | | get('filebrowsercontainer').innerHTML = getBrowserHTML('filebrowser','src','media','media');
|
| | | get('qtsrcfilebrowsercontainer').innerHTML = getBrowserHTML('qtsrcfilebrowser','quicktime_qtsrc','media','media');
|
| | | get('bgcolor_pickcontainer').innerHTML = getColorPickerHTML('bgcolor_pick','bgcolor');
|
| | | get('video_altsource1_filebrowser').innerHTML = getBrowserHTML('video_filebrowser_altsource1','video_altsource1','media','media');
|
| | | get('video_altsource2_filebrowser').innerHTML = getBrowserHTML('video_filebrowser_altsource2','video_altsource2','media','media');
|
| | | get('audio_altsource1_filebrowser').innerHTML = getBrowserHTML('audio_filebrowser_altsource1','audio_altsource1','media','media');
|
| | | get('audio_altsource2_filebrowser').innerHTML = getBrowserHTML('audio_filebrowser_altsource2','audio_altsource2','media','media');
|
| | | get('video_poster_filebrowser').innerHTML = getBrowserHTML('filebrowser_poster','video_poster','media','image');
|
| | |
|
| | | html = this.getMediaListHTML('medialist', 'src', 'media', 'media');
|
| | | if (html == "")
|
| | | get("linklistrow").style.display = 'none';
|
| | | else
|
| | | get("linklistcontainer").innerHTML = html;
|
| | |
|
| | | if (isVisible('filebrowser'))
|
| | | get('src').style.width = '230px';
|
| | |
|
| | | if (isVisible('video_filebrowser_altsource1'))
|
| | | get('video_altsource1').style.width = '220px';
|
| | |
|
| | | if (isVisible('video_filebrowser_altsource2'))
|
| | | get('video_altsource2').style.width = '220px';
|
| | |
|
| | | if (isVisible('audio_filebrowser_altsource1'))
|
| | | get('audio_altsource1').style.width = '220px';
|
| | |
|
| | | if (isVisible('audio_filebrowser_altsource2'))
|
| | | get('audio_altsource2').style.width = '220px';
|
| | |
|
| | | if (isVisible('filebrowser_poster'))
|
| | | get('video_poster').style.width = '220px';
|
| | |
|
| | | editor.dom.setOuterHTML(get('media_type'), this.getMediaTypeHTML(editor));
|
| | |
|
| | | this.data = clone(tinyMCEPopup.getWindowArg('data'));
|
| | | this.dataToForm();
|
| | | this.preview();
|
| | |
|
| | | updateColor('bgcolor_pick', 'bgcolor');
|
| | | },
|
| | |
|
| | | insert : function() {
|
| | | var editor = tinyMCEPopup.editor;
|
| | |
|
| | | this.formToData();
|
| | | editor.execCommand('mceRepaint');
|
| | | tinyMCEPopup.restoreSelection();
|
| | | editor.selection.setNode(editor.plugins.media.dataToImg(this.data));
|
| | | tinyMCEPopup.close();
|
| | | },
|
| | |
|
| | | preview : function() {
|
| | | get('prev').innerHTML = this.editor.plugins.media.dataToHtml(this.data, true);
|
| | | },
|
| | |
|
| | | moveStates : function(to_form, field) {
|
| | | var data = this.data, editor = this.editor,
|
| | | mediaPlugin = editor.plugins.media, ext, src, typeInfo, defaultStates, src;
|
| | |
|
| | | defaultStates = {
|
| | | // QuickTime
|
| | | quicktime_autoplay : true,
|
| | | quicktime_controller : true,
|
| | |
|
| | | // Flash
|
| | | flash_play : true,
|
| | | flash_loop : true,
|
| | | flash_menu : true,
|
| | |
|
| | | // WindowsMedia
|
| | | windowsmedia_autostart : true,
|
| | | windowsmedia_enablecontextmenu : true,
|
| | | windowsmedia_invokeurls : true,
|
| | |
|
| | | // RealMedia
|
| | | realmedia_autogotourl : true,
|
| | | realmedia_imagestatus : true
|
| | | };
|
| | |
|
| | | function parseQueryParams(str) {
|
| | | var out = {};
|
| | |
|
| | | if (str) {
|
| | | tinymce.each(str.split('&'), function(item) {
|
| | | var parts = item.split('=');
|
| | |
|
| | | out[unescape(parts[0])] = unescape(parts[1]);
|
| | | });
|
| | | }
|
| | |
|
| | | return out;
|
| | | };
|
| | |
|
| | | function setOptions(type, names) {
|
| | | var i, name, formItemName, value, list;
|
| | |
|
| | | if (type == data.type || type == 'global') {
|
| | | names = tinymce.explode(names);
|
| | | for (i = 0; i < names.length; i++) {
|
| | | name = names[i];
|
| | | formItemName = type == 'global' ? name : type + '_' + name;
|
| | |
|
| | | if (type == 'global')
|
| | | list = data;
|
| | | else if (type == 'video' || type == 'audio') {
|
| | | list = data.video.attrs;
|
| | |
|
| | | if (!list && !to_form)
|
| | | data.video.attrs = list = {};
|
| | | } else
|
| | | list = data.params;
|
| | |
|
| | | if (list) {
|
| | | if (to_form) {
|
| | | setVal(formItemName, list[name], type == 'video' || type == 'audio' ? name : '');
|
| | | } else {
|
| | | delete list[name];
|
| | |
|
| | | value = getVal(formItemName);
|
| | | if ((type == 'video' || type == 'audio') && value === true)
|
| | | value = name;
|
| | |
|
| | | if (defaultStates[formItemName]) {
|
| | | if (value !== defaultStates[formItemName]) {
|
| | | value = "" + value;
|
| | | list[name] = value;
|
| | | }
|
| | | } else if (value) {
|
| | | value = "" + value;
|
| | | list[name] = value;
|
| | | }
|
| | | }
|
| | | }
|
| | | }
|
| | | }
|
| | | }
|
| | |
|
| | | if (!to_form) {
|
| | | data.type = get('media_type').options[get('media_type').selectedIndex].value;
|
| | | data.width = getVal('width');
|
| | | data.height = getVal('height');
|
| | |
|
| | | // Switch type based on extension
|
| | | src = getVal('src');
|
| | | if (field == 'src') {
|
| | | ext = src.replace(/^.*\.([^.]+)$/, '$1');
|
| | | if (typeInfo = mediaPlugin.getType(ext))
|
| | | data.type = typeInfo.name.toLowerCase();
|
| | |
|
| | | setVal('media_type', data.type);
|
| | | }
|
| | |
|
| | | if (data.type == "video" || data.type == "audio") {
|
| | | if (!data.video.sources)
|
| | | data.video.sources = [];
|
| | |
|
| | | data.video.sources[0] = {src: getVal('src')};
|
| | | }
|
| | | }
|
| | |
|
| | | // Hide all fieldsets and show the one active
|
| | | get('video_options').style.display = 'none';
|
| | | get('audio_options').style.display = 'none';
|
| | | get('flash_options').style.display = 'none';
|
| | | get('quicktime_options').style.display = 'none';
|
| | | get('shockwave_options').style.display = 'none';
|
| | | get('windowsmedia_options').style.display = 'none';
|
| | | get('realmedia_options').style.display = 'none';
|
| | | get('embeddedaudio_options').style.display = 'none';
|
| | |
|
| | | if (get(data.type + '_options'))
|
| | | get(data.type + '_options').style.display = 'block';
|
| | |
|
| | | setVal('media_type', data.type);
|
| | |
|
| | | setOptions('flash', 'play,loop,menu,swliveconnect,quality,scale,salign,wmode,base,flashvars');
|
| | | setOptions('quicktime', 'loop,autoplay,cache,controller,correction,enablejavascript,kioskmode,autohref,playeveryframe,targetcache,scale,starttime,endtime,target,qtsrcchokespeed,volume,qtsrc');
|
| | | setOptions('shockwave', 'sound,progress,autostart,swliveconnect,swvolume,swstretchstyle,swstretchhalign,swstretchvalign');
|
| | | setOptions('windowsmedia', 'autostart,enabled,enablecontextmenu,fullscreen,invokeurls,mute,stretchtofit,windowlessvideo,balance,baseurl,captioningid,currentmarker,currentposition,defaultframe,playcount,rate,uimode,volume');
|
| | | setOptions('realmedia', 'autostart,loop,autogotourl,center,imagestatus,maintainaspect,nojava,prefetch,shuffle,console,controls,numloop,scriptcallbacks');
|
| | | setOptions('video', 'poster,autoplay,loop,muted,preload,controls');
|
| | | setOptions('audio', 'autoplay,loop,preload,controls');
|
| | | setOptions('embeddedaudio', 'autoplay,loop,controls');
|
| | | setOptions('global', 'id,name,vspace,hspace,bgcolor,align,width,height');
|
| | |
|
| | | if (to_form) {
|
| | | if (data.type == 'video') {
|
| | | if (data.video.sources[0])
|
| | | setVal('src', data.video.sources[0].src);
|
| | |
|
| | | src = data.video.sources[1];
|
| | | if (src)
|
| | | setVal('video_altsource1', src.src);
|
| | |
|
| | | src = data.video.sources[2];
|
| | | if (src)
|
| | | setVal('video_altsource2', src.src);
|
| | | } else if (data.type == 'audio') {
|
| | | if (data.video.sources[0])
|
| | | setVal('src', data.video.sources[0].src);
|
| | | |
| | | src = data.video.sources[1];
|
| | | if (src)
|
| | | setVal('audio_altsource1', src.src);
|
| | | |
| | | src = data.video.sources[2];
|
| | | if (src)
|
| | | setVal('audio_altsource2', src.src);
|
| | | } else {
|
| | | // Check flash vars
|
| | | if (data.type == 'flash') {
|
| | | tinymce.each(editor.getParam('flash_video_player_flashvars', {url : '$url', poster : '$poster'}), function(value, name) {
|
| | | if (value == '$url')
|
| | | data.params.src = parseQueryParams(data.params.flashvars)[name] || data.params.src || '';
|
| | | });
|
| | | }
|
| | |
|
| | | setVal('src', data.params.src);
|
| | | }
|
| | | } else {
|
| | | src = getVal("src");
|
| | |
|
| | | // YouTube *NEW*
|
| | | if (src.match(/youtu.be\/[a-z1-9.-_]+/)) {
|
| | | data.width = 425;
|
| | | data.height = 350;
|
| | | data.params.frameborder = '0';
|
| | | data.type = 'iframe';
|
| | | src = 'http://www.youtube.com/embed/' + src.match(/youtu.be\/([a-z1-9.-_]+)/)[1];
|
| | | setVal('src', src);
|
| | | setVal('media_type', data.type);
|
| | | }
|
| | |
|
| | | // YouTube
|
| | | if (src.match(/youtube.com(.+)v=([^&]+)/)) {
|
| | | data.width = 425;
|
| | | data.height = 350;
|
| | | data.params.frameborder = '0';
|
| | | data.type = 'iframe';
|
| | | src = 'http://www.youtube.com/embed/' + src.match(/v=([^&]+)/)[1];
|
| | | setVal('src', src);
|
| | | setVal('media_type', data.type);
|
| | | }
|
| | |
|
| | | // Google video
|
| | | if (src.match(/video.google.com(.+)docid=([^&]+)/)) {
|
| | | data.width = 425;
|
| | | data.height = 326;
|
| | | data.type = 'flash';
|
| | | src = 'http://video.google.com/googleplayer.swf?docId=' + src.match(/docid=([^&]+)/)[1] + '&hl=en';
|
| | | setVal('src', src);
|
| | | setVal('media_type', data.type);
|
| | | }
|
| | |
|
| | | if (data.type == 'video') {
|
| | | if (!data.video.sources)
|
| | | data.video.sources = [];
|
| | |
|
| | | data.video.sources[0] = {src : src};
|
| | |
|
| | | src = getVal("video_altsource1");
|
| | | if (src)
|
| | | data.video.sources[1] = {src : src};
|
| | |
|
| | | src = getVal("video_altsource2");
|
| | | if (src)
|
| | | data.video.sources[2] = {src : src};
|
| | | } else if (data.type == 'audio') {
|
| | | if (!data.video.sources)
|
| | | data.video.sources = [];
|
| | | |
| | | data.video.sources[0] = {src : src};
|
| | | |
| | | src = getVal("audio_altsource1");
|
| | | if (src)
|
| | | data.video.sources[1] = {src : src};
|
| | | |
| | | src = getVal("audio_altsource2");
|
| | | if (src)
|
| | | data.video.sources[2] = {src : src};
|
| | | } else
|
| | | data.params.src = src;
|
| | |
|
| | | // Set default size
|
| | | setVal('width', data.width || (data.type == 'audio' ? 300 : 320));
|
| | | setVal('height', data.height || (data.type == 'audio' ? 32 : 240));
|
| | | }
|
| | | },
|
| | |
|
| | | dataToForm : function() {
|
| | | this.moveStates(true);
|
| | | },
|
| | |
|
| | | formToData : function(field) {
|
| | | if (field == "width" || field == "height")
|
| | | this.changeSize(field);
|
| | |
|
| | | if (field == 'source') {
|
| | | this.moveStates(false, field);
|
| | | setVal('source', this.editor.plugins.media.dataToHtml(this.data));
|
| | | this.panel = 'source';
|
| | | } else {
|
| | | if (this.panel == 'source') {
|
| | | this.data = clone(this.editor.plugins.media.htmlToData(getVal('source')));
|
| | | this.dataToForm();
|
| | | this.panel = '';
|
| | | }
|
| | |
|
| | | this.moveStates(false, field);
|
| | | this.preview();
|
| | | }
|
| | | },
|
| | |
|
| | | beforeResize : function() {
|
| | | this.width = parseInt(getVal('width') || (this.data.type == 'audio' ? "300" : "320"), 10);
|
| | | this.height = parseInt(getVal('height') || (this.data.type == 'audio' ? "32" : "240"), 10);
|
| | | },
|
| | |
|
| | | changeSize : function(type) {
|
| | | var width, height, scale, size;
|
| | |
|
| | | if (get('constrain').checked) {
|
| | | width = parseInt(getVal('width') || (this.data.type == 'audio' ? "300" : "320"), 10);
|
| | | height = parseInt(getVal('height') || (this.data.type == 'audio' ? "32" : "240"), 10);
|
| | |
|
| | | if (type == 'width') {
|
| | | this.height = Math.round((width / this.width) * height);
|
| | | setVal('height', this.height);
|
| | | } else {
|
| | | this.width = Math.round((height / this.height) * width);
|
| | | setVal('width', this.width);
|
| | | }
|
| | | }
|
| | | },
|
| | |
|
| | | getMediaListHTML : function() {
|
| | | if (typeof(tinyMCEMediaList) != "undefined" && tinyMCEMediaList.length > 0) {
|
| | | var html = "";
|
| | |
|
| | | html += '<select id="linklist" name="linklist" style="width: 250px" onchange="this.form.src.value=this.options[this.selectedIndex].value;Media.formToData(\'src\');">';
|
| | | html += '<option value="">---</option>';
|
| | |
|
| | | for (var i=0; i<tinyMCEMediaList.length; i++)
|
| | | html += '<option value="' + tinyMCEMediaList[i][1] + '">' + tinyMCEMediaList[i][0] + '</option>';
|
| | |
|
| | | html += '</select>';
|
| | |
|
| | | return html;
|
| | | }
|
| | |
|
| | | return "";
|
| | | },
|
| | |
|
| | | getMediaTypeHTML : function(editor) {
|
| | | var html = "";
|
| | | html += '<select id="media_type" name="media_type" onchange="Media.formToData(\'type\');">';
|
| | | html += '<option value="video">HTML5 Video</option>';
|
| | | html += '<option value="audio">HTML5 Audio</option>';
|
| | | html += '<option value="flash">Flash</option>';
|
| | | html += '<option value="quicktime">QuickTime</option>';
|
| | | html += '<option value="shockwave">Shockwave</option>';
|
| | | html += '<option value="windowsmedia">Windows Media</option>';
|
| | | html += '<option value="realmedia">Real Media</option>';
|
| | | html += '<option value="iframe">Iframe</option>';
|
| | |
|
| | | if (editor.getParam('media_embedded_audio', false)) {
|
| | | html += '<option value="embeddedaudio">Embedded Audio</option>';
|
| | | }
|
| | | |
| | | html += '</select>';
|
| | | return html;
|
| | | }
|
| | | };
|
| | |
|
| | | tinyMCEPopup.requireLangPack();
|
| | | tinyMCEPopup.onInit.add(function() {
|
| | | Media.init();
|
| | | });
|
| | | })();
|
New file |
| | |
| | | tinyMCE.addI18n('en.media_dlg',{list:"List",file:"File/URL",advanced:"Advanced",general:"General",title:"Insert/Edit Embedded Media","align_top_left":"Top Left","align_center":"Center","align_left":"Left","align_bottom":"Bottom","align_right":"Right","align_top":"Top","qt_stream_warn":"Streamed RTSP resources should be added to the QT Source field under the Advanced tab.\nYou should also add a non-streamed version to the Source field.",qtsrc:"QT Source",progress:"Progress",sound:"Sound",swstretchvalign:"Stretch V-Align",swstretchhalign:"Stretch H-Align",swstretchstyle:"Stretch Style",scriptcallbacks:"Script Callbacks","align_top_right":"Top Right",uimode:"UI Mode",rate:"Rate",playcount:"Play Count",defaultframe:"Default Frame",currentposition:"Current Position",currentmarker:"Current Marker",captioningid:"Captioning ID",baseurl:"Base URL",balance:"Balance",windowlessvideo:"Windowless Video",stretchtofit:"Stretch to Fit",mute:"Mute",invokeurls:"Invoke URLs",fullscreen:"Full Screen",enabled:"Enabled",autostart:"Auto Start",volume:"Volume",target:"Target",qtsrcchokespeed:"Choke Speed",href:"HREF",endtime:"End Time",starttime:"Start Time",enablejavascript:"Enable JavaScript",correction:"No Correction",targetcache:"Target Cache",playeveryframe:"Play Every Frame",kioskmode:"Kiosk Mode",controller:"Controller",menu:"Show Menu",loop:"Loop",play:"Auto Play",hspace:"H-Space",vspace:"V-Space","class_name":"Class",name:"Name",id:"ID",type:"Type",size:"Dimensions",preview:"Preview","constrain_proportions":"Constrain Proportions",controls:"Controls",numloop:"Num Loops",console:"Console",cache:"Cache",autohref:"Auto HREF",liveconnect:"SWLiveConnect",flashvars:"Flash Vars",base:"Base",bgcolor:"Background",wmode:"WMode",salign:"SAlign",align:"Align",scale:"Scale",quality:"Quality",shuffle:"Shuffle",prefetch:"Prefetch",nojava:"No Java",maintainaspect:"Maintain Aspect",imagestatus:"Image Status",center:"Center",autogotourl:"Auto Goto URL","shockwave_options":"Shockwave Options","rmp_options":"Real Media Player Options","wmp_options":"Windows Media Player Options","qt_options":"QuickTime Options","flash_options":"Flash Options",hidden:"Hidden","align_bottom_left":"Bottom Left","align_bottom_right":"Bottom Right","html5_video_options":"HTML5 Video Options",altsource1:"Alternative source 1",altsource2:"Alternative source 2",preload:"Preload",poster:"Poster",source:"Source","html5_audio_options":"Audio Options","preload_none":"Don\'t Preload","preload_metadata":"Preload video metadata","preload_auto":"Let user\'s browser decide", "embedded_audio_options":"Embedded Audio Options"}); |
New file |
| | |
| | | <!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>{#media_dlg.title}</title>
|
| | | <script type="text/javascript" src="../../tiny_mce_popup.js"></script>
|
| | | <script type="text/javascript" src="js/media.js"></script>
|
| | | <script type="text/javascript" src="../../utils/mctabs.js"></script>
|
| | | <script type="text/javascript" src="../../utils/validate.js"></script>
|
| | | <script type="text/javascript" src="../../utils/form_utils.js"></script>
|
| | | <script type="text/javascript" src="../../utils/editable_selects.js"></script>
|
| | | <link href="css/media.css" rel="stylesheet" type="text/css" />
|
| | | </head>
|
| | | <body style="display: none" role="application">
|
| | | <form onsubmit="Media.insert();return false;" action="#">
|
| | | <div class="tabs" role="presentation">
|
| | | <ul>
|
| | | <li id="general_tab" class="current" aria-controls="general_panel"><span><a href="javascript:mcTabs.displayTab('general_tab','general_panel');Media.formToData();" onmousedown="return false;">{#media_dlg.general}</a></span></li>
|
| | | <li id="advanced_tab" aria-controls="advanced_panel"><span><a href="javascript:mcTabs.displayTab('advanced_tab','advanced_panel');Media.formToData();" onmousedown="return false;">{#media_dlg.advanced}</a></span></li>
|
| | | <li id="source_tab" aria-controls="source_panel"><span><a href="javascript:mcTabs.displayTab('source_tab','source_panel');Media.formToData('source');" onmousedown="return false;">{#media_dlg.source}</a></span></li>
|
| | | </ul>
|
| | | </div>
|
| | |
|
| | | <div class="panel_wrapper">
|
| | | <div id="general_panel" class="panel current">
|
| | | <fieldset>
|
| | | <legend>{#media_dlg.general}</legend>
|
| | |
|
| | | <table role="presentation" border="0" cellpadding="4" cellspacing="0">
|
| | | <tr>
|
| | | <td><label for="media_type">{#media_dlg.type}</label></td>
|
| | | <td>
|
| | | <select id="media_type"></select>
|
| | | </td>
|
| | | </tr>
|
| | | <tr>
|
| | | <td><label for="src">{#media_dlg.file}</label></td>
|
| | | <td>
|
| | | <table role="presentation" border="0" cellspacing="0" cellpadding="0">
|
| | | <tr>
|
| | | <td><input id="src" name="src" type="text" value="" class="mceFocus" onchange="Media.formToData();" /></td>
|
| | | <td id="filebrowsercontainer"> </td>
|
| | | </tr>
|
| | | </table>
|
| | | </td>
|
| | | </tr>
|
| | | <tr id="linklistrow">
|
| | | <td><label for="linklist">{#media_dlg.list}</label></td>
|
| | | <td id="linklistcontainer"><select id="linklist"><option value=""></option></select></td>
|
| | | </tr>
|
| | | <tr>
|
| | | <td><label for="width">{#media_dlg.size}</label></td>
|
| | | <td>
|
| | | <table role="presentation" border="0" cellpadding="0" cellspacing="0">
|
| | | <tr>
|
| | | <td><input type="text" id="width" name="width" value="" class="size" onchange="Media.formToData('width');" onfocus="Media.beforeResize();" /> x <input type="text" id="height" name="height" value="" class="size" onfocus="Media.beforeResize();" onchange="Media.formToData('height');" /></td>
|
| | | <td> <input id="constrain" type="checkbox" name="constrain" class="checkbox" checked="checked" /></td>
|
| | | <td><label id="constrainlabel" for="constrain">{#media_dlg.constrain_proportions}</label></td>
|
| | | </tr>
|
| | | </table>
|
| | | </td>
|
| | | </tr>
|
| | | </table>
|
| | | </fieldset>
|
| | |
|
| | | <fieldset>
|
| | | <legend>{#media_dlg.preview}</legend>
|
| | | <div id="prev"></div>
|
| | | </fieldset>
|
| | | </div>
|
| | |
|
| | | <div id="advanced_panel" class="panel">
|
| | | <fieldset>
|
| | | <legend>{#media_dlg.advanced}</legend>
|
| | |
|
| | | <table role="presentation" border="0" cellpadding="4" cellspacing="0" width="100%">
|
| | | <tr>
|
| | | <td><label for="id">{#media_dlg.id}</label></td>
|
| | | <td><input type="text" id="id" name="id" onchange="Media.formToData();" /></td>
|
| | | <td><label for="name">{#media_dlg.name}</label></td>
|
| | | <td><input type="text" id="name" name="name" onchange="Media.formToData();" /></td>
|
| | | </tr>
|
| | |
|
| | | <tr>
|
| | | <td><label for="align">{#media_dlg.align}</label></td>
|
| | | <td>
|
| | | <select id="align" name="align" onchange="Media.formToData();">
|
| | | <option value="">{#not_set}</option> |
| | | <option value="top">{#media_dlg.align_top}</option>
|
| | | <option value="right">{#media_dlg.align_right}</option>
|
| | | <option value="bottom">{#media_dlg.align_bottom}</option>
|
| | | <option value="left">{#media_dlg.align_left}</option>
|
| | | </select>
|
| | | </td>
|
| | |
|
| | | <td><label for="bgcolor">{#media_dlg.bgcolor}</label></td>
|
| | | <td>
|
| | | <table role="presentation" border="0" cellpadding="0" cellspacing="0">
|
| | | <tr>
|
| | | <td><input id="bgcolor" name="bgcolor" type="text" value="" size="9" onchange="updateColor('bgcolor_pick','bgcolor');Media.formToData();" /></td>
|
| | | <td id="bgcolor_pickcontainer"> </td>
|
| | | </tr>
|
| | | </table>
|
| | | </td>
|
| | | </tr>
|
| | |
|
| | | <tr>
|
| | | <td><label for="vspace">{#media_dlg.vspace}</label></td>
|
| | | <td><input type="text" id="vspace" name="vspace" class="number" onchange="Media.formToData();" /></td>
|
| | | <td><label for="hspace">{#media_dlg.hspace}</label></td>
|
| | | <td><input type="text" id="hspace" name="hspace" class="number" onchange="Media.formToData();" /></td>
|
| | | </tr>
|
| | | </table>
|
| | | </fieldset>
|
| | |
|
| | | <fieldset id="video_options">
|
| | | <legend>{#media_dlg.html5_video_options}</legend>
|
| | |
|
| | | <table role="presentation">
|
| | | <tr>
|
| | | <td><label for="video_altsource1">{#media_dlg.altsource1}</label></td>
|
| | | <td>
|
| | | <table role="presentation" border="0" cellspacing="0" cellpadding="0">
|
| | | <tr>
|
| | | <td><input type="text" id="video_altsource1" name="video_altsource1" onchange="Media.formToData();" style="width: 240px" /></td>
|
| | | <td id="video_altsource1_filebrowser"> </td>
|
| | | </tr>
|
| | | </table>
|
| | | </td>
|
| | | </tr>
|
| | |
|
| | | <tr>
|
| | | <td><label for="video_altsource2">{#media_dlg.altsource2}</label></td>
|
| | | <td>
|
| | | <table role="presentation" border="0" cellspacing="0" cellpadding="0">
|
| | | <tr>
|
| | | <td><input type="text" id="video_altsource2" name="video_altsource2" onchange="Media.formToData();" style="width: 240px" /></td>
|
| | | <td id="video_altsource2_filebrowser"> </td>
|
| | | </tr>
|
| | | </table>
|
| | | </td>
|
| | | </tr>
|
| | |
|
| | | <tr>
|
| | | <td><label for="video_poster">{#media_dlg.poster}</label></td>
|
| | | <td>
|
| | | <table role="presentation" border="0" cellspacing="0" cellpadding="0">
|
| | | <tr>
|
| | | <td><input type="text" id="video_poster" name="video_poster" onchange="Media.formToData();" style="width: 240px" /></td>
|
| | | <td id="video_poster_filebrowser"> </td>
|
| | | </tr>
|
| | | </table>
|
| | | </td>
|
| | | </tr>
|
| | |
|
| | | <tr>
|
| | | <td><label for="video_preload">{#media_dlg.preload}</label></td>
|
| | | <td>
|
| | | <select id="video_preload" name="video_preload" onchange="Media.formToData();">
|
| | | <option value="none">{#media_dlg.preload_none}</option> |
| | | <option value="metadata">{#media_dlg.preload_metadata}</option>
|
| | | <option value="auto">{#media_dlg.preload_auto}</option>
|
| | | </select>
|
| | | </td>
|
| | | </tr>
|
| | | </table>
|
| | |
|
| | | <table role="presentation" border="0" cellpadding="4" cellspacing="0">
|
| | | <tr>
|
| | | <td>
|
| | | <table role="presentation" border="0" cellpadding="0" cellspacing="0">
|
| | | <tr>
|
| | | <td><input type="checkbox" class="checkbox" id="video_autoplay" name="video_autoplay" onchange="Media.formToData();" /></td>
|
| | | <td><label for="video_autoplay">{#media_dlg.play}</label></td>
|
| | | </tr>
|
| | | </table>
|
| | | </td>
|
| | |
|
| | | <td>
|
| | | <table role="presentation" border="0" cellpadding="0" cellspacing="0">
|
| | | <tr>
|
| | | <td><input type="checkbox" class="checkbox" id="video_muted" name="video_muted" onchange="Media.formToData();" /></td>
|
| | | <td><label for="video_muted">{#media_dlg.mute}</label></td>
|
| | | </tr>
|
| | | </table>
|
| | | </td>
|
| | |
|
| | | <td>
|
| | | <table role="presentation" border="0" cellpadding="0" cellspacing="0">
|
| | | <tr>
|
| | | <td><input type="checkbox" class="checkbox" id="video_loop" name="video_loop" onchange="Media.formToData();" /></td>
|
| | | <td><label for="video_loop">{#media_dlg.loop}</label></td>
|
| | | </tr>
|
| | | </table>
|
| | | </td>
|
| | |
|
| | | <td>
|
| | | <table role="presentation" border="0" cellpadding="0" cellspacing="0">
|
| | | <tr>
|
| | | <td><input type="checkbox" class="checkbox" id="video_controls" name="video_controls" onchange="Media.formToData();" /></td>
|
| | | <td><label for="video_controls">{#media_dlg.controls}</label></td>
|
| | | </tr>
|
| | | </table>
|
| | | </td>
|
| | | </tr>
|
| | | </table>
|
| | | </fieldset>
|
| | |
|
| | | <fieldset id="embeddedaudio_options">
|
| | | <legend>{#media_dlg.embedded_audio_options}</legend>
|
| | |
|
| | | <table role="presentation" border="0" cellpadding="4" cellspacing="0">
|
| | | <tr>
|
| | | <td>
|
| | | <table role="presentation" border="0" cellpadding="0" cellspacing="0">
|
| | | <tr>
|
| | | <td><input type="checkbox" class="checkbox" id="embeddedaudio_autoplay" name="audio_autoplay" onchange="Media.formToData();" /></td>
|
| | | <td><label for="audio_autoplay">{#media_dlg.play}</label></td>
|
| | | </tr>
|
| | | </table>
|
| | | </td>
|
| | |
|
| | | <td>
|
| | | <table role="presentation" border="0" cellpadding="0" cellspacing="0">
|
| | | <tr>
|
| | | <td><input type="checkbox" class="checkbox" id="embeddedaudio_loop" name="audio_loop" onchange="Media.formToData();" /></td>
|
| | | <td><label for="audio_loop">{#media_dlg.loop}</label></td>
|
| | | </tr>
|
| | | </table>
|
| | | </td>
|
| | |
|
| | | <td>
|
| | | <table role="presentation" border="0" cellpadding="0" cellspacing="0">
|
| | | <tr>
|
| | | <td><input type="checkbox" class="checkbox" id="embeddedaudio_controls" name="audio_controls" onchange="Media.formToData();" /></td>
|
| | | <td><label for="audio_controls">{#media_dlg.controls}</label></td>
|
| | | </tr>
|
| | | </table>
|
| | | </td>
|
| | | </tr>
|
| | | </table>
|
| | | </fieldset>
|
| | |
|
| | | <fieldset id="audio_options">
|
| | | <legend>{#media_dlg.html5_audio_options}</legend>
|
| | |
|
| | | <table role="presentation">
|
| | | <tr>
|
| | | <td><label for="audio_altsource1">{#media_dlg.altsource1}</label></td>
|
| | | <td>
|
| | | <table role="presentation" border="0" cellspacing="0" cellpadding="0">
|
| | | <tr>
|
| | | <td><input type="text" id="audio_altsource1" name="audio_altsource1" onchange="Media.formToData();" style="width: 240px" /></td>
|
| | | <td id="audio_altsource1_filebrowser"> </td>
|
| | | </tr>
|
| | | </table>
|
| | | </td>
|
| | | </tr>
|
| | |
|
| | | <tr>
|
| | | <td><label for="audio_altsource2">{#media_dlg.altsource2}</label></td>
|
| | | <td>
|
| | | <table role="presentation" border="0" cellspacing="0" cellpadding="0">
|
| | | <tr>
|
| | | <td><input type="text" id="audio_altsource2" name="audio_altsource2" onchange="Media.formToData();" style="width: 240px" /></td>
|
| | | <td id="audio_altsource2_filebrowser"> </td>
|
| | | </tr>
|
| | | </table>
|
| | | </td>
|
| | | </tr>
|
| | |
|
| | | <tr>
|
| | | <td><label for="audio_preload">{#media_dlg.preload}</label></td>
|
| | | <td>
|
| | | <select id="audio_preload" name="audio_preload" onchange="Media.formToData();">
|
| | | <option value="none">{#media_dlg.preload_none}</option>
|
| | | <option value="metadata">{#media_dlg.preload_metadata}</option>
|
| | | <option value="auto">{#media_dlg.preload_auto}</option>
|
| | | </select>
|
| | | </td>
|
| | | </tr>
|
| | | </table>
|
| | |
|
| | | <table role="presentation" border="0" cellpadding="4" cellspacing="0">
|
| | | <tr>
|
| | | <td>
|
| | | <table role="presentation" border="0" cellpadding="0" cellspacing="0">
|
| | | <tr>
|
| | | <td><input type="checkbox" class="checkbox" id="audio_autoplay" name="audio_autoplay" onchange="Media.formToData();" /></td>
|
| | | <td><label for="audio_autoplay">{#media_dlg.play}</label></td>
|
| | | </tr>
|
| | | </table>
|
| | | </td>
|
| | |
|
| | | <td>
|
| | | <table role="presentation" border="0" cellpadding="0" cellspacing="0">
|
| | | <tr>
|
| | | <td><input type="checkbox" class="checkbox" id="audio_loop" name="audio_loop" onchange="Media.formToData();" /></td>
|
| | | <td><label for="audio_loop">{#media_dlg.loop}</label></td>
|
| | | </tr>
|
| | | </table>
|
| | | </td>
|
| | |
|
| | | <td>
|
| | | <table role="presentation" border="0" cellpadding="0" cellspacing="0">
|
| | | <tr>
|
| | | <td><input type="checkbox" class="checkbox" id="audio_controls" name="audio_controls" onchange="Media.formToData();" /></td>
|
| | | <td><label for="audio_controls">{#media_dlg.controls}</label></td>
|
| | | </tr>
|
| | | </table>
|
| | | </td>
|
| | | </tr>
|
| | | </table>
|
| | | </fieldset>
|
| | |
|
| | | <fieldset id="flash_options">
|
| | | <legend>{#media_dlg.flash_options}</legend>
|
| | |
|
| | | <table role="presentation" border="0" cellpadding="4" cellspacing="0">
|
| | | <tr>
|
| | | <td><label for="flash_quality">{#media_dlg.quality}</label></td>
|
| | | <td>
|
| | | <select id="flash_quality" name="flash_quality" onchange="Media.formToData();">
|
| | | <option value="">{#not_set}</option> |
| | | <option value="high">high</option>
|
| | | <option value="low">low</option>
|
| | | <option value="autolow">autolow</option>
|
| | | <option value="autohigh">autohigh</option>
|
| | | <option value="best">best</option>
|
| | | </select>
|
| | | </td>
|
| | |
|
| | | <td><label for="flash_scale">{#media_dlg.scale}</label></td>
|
| | | <td>
|
| | | <select id="flash_scale" name="flash_scale" onchange="Media.formToData();">
|
| | | <option value="">{#not_set}</option> |
| | | <option value="showall">showall</option>
|
| | | <option value="noborder">noborder</option>
|
| | | <option value="exactfit">exactfit</option>
|
| | | <option value="noscale">noscale</option>
|
| | | </select>
|
| | | </td>
|
| | | </tr>
|
| | |
|
| | | <tr>
|
| | | <td><label for="flash_wmode">{#media_dlg.wmode}</label></td>
|
| | | <td>
|
| | | <select id="flash_wmode" name="flash_wmode" onchange="Media.formToData();">
|
| | | <option value="">{#not_set}</option> |
| | | <option value="window">window</option>
|
| | | <option value="opaque">opaque</option>
|
| | | <option value="transparent">transparent</option>
|
| | | </select>
|
| | | </td>
|
| | |
|
| | | <td><label for="flash_salign">{#media_dlg.salign}</label></td>
|
| | | <td>
|
| | | <select id="flash_salign" name="flash_salign" onchange="Media.formToData();">
|
| | | <option value="">{#not_set}</option> |
| | | <option value="l">{#media_dlg.align_left}</option>
|
| | | <option value="t">{#media_dlg.align_top}</option>
|
| | | <option value="r">{#media_dlg.align_right}</option>
|
| | | <option value="b">{#media_dlg.align_bottom}</option>
|
| | | <option value="tl">{#media_dlg.align_top_left}</option>
|
| | | <option value="tr">{#media_dlg.align_top_right}</option>
|
| | | <option value="bl">{#media_dlg.align_bottom_left}</option>
|
| | | <option value="br">{#media_dlg.align_bottom_right}</option>
|
| | | </select>
|
| | | </td>
|
| | | </tr>
|
| | |
|
| | | <tr>
|
| | | <td colspan="2">
|
| | | <table role="presentation" border="0" cellpadding="0" cellspacing="0">
|
| | | <tr>
|
| | | <td><input type="checkbox" class="checkbox" id="flash_play" name="flash_play" checked="checked" onchange="Media.formToData();" /></td>
|
| | | <td><label for="flash_play">{#media_dlg.play}</label></td>
|
| | | </tr>
|
| | | </table>
|
| | | </td>
|
| | |
|
| | | <td colspan="2">
|
| | | <table role="presentation" border="0" cellpadding="0" cellspacing="0">
|
| | | <tr>
|
| | | <td><input type="checkbox" class="checkbox" id="flash_loop" name="flash_loop" checked="checked" onchange="Media.formToData();" /></td>
|
| | | <td><label for="flash_loop">{#media_dlg.loop}</label></td>
|
| | | </tr>
|
| | | </table>
|
| | | </td>
|
| | | </tr>
|
| | |
|
| | | <tr>
|
| | | <td colspan="2">
|
| | | <table role="presentation" border="0" cellpadding="0" cellspacing="0">
|
| | | <tr>
|
| | | <td><input type="checkbox" class="checkbox" id="flash_menu" name="flash_menu" checked="checked" onchange="Media.formToData();" /></td>
|
| | | <td><label for="flash_menu">{#media_dlg.menu}</label></td>
|
| | | </tr>
|
| | | </table>
|
| | | </td>
|
| | |
|
| | | <td colspan="2">
|
| | | <table role="presentation" border="0" cellpadding="0" cellspacing="0">
|
| | | <tr>
|
| | | <td><input type="checkbox" class="checkbox" id="flash_swliveconnect" name="flash_swliveconnect" onchange="Media.formToData();" /></td>
|
| | | <td><label for="flash_swliveconnect">{#media_dlg.liveconnect}</label></td>
|
| | | </tr>
|
| | | </table>
|
| | | </td>
|
| | | </tr>
|
| | | </table>
|
| | |
|
| | | <table role="presentation">
|
| | | <tr>
|
| | | <td><label for="flash_base">{#media_dlg.base}</label></td>
|
| | | <td><input type="text" id="flash_base" name="flash_base" onchange="Media.formToData();" /></td>
|
| | | </tr>
|
| | |
|
| | | <tr>
|
| | | <td><label for="flash_flashvars">{#media_dlg.flashvars}</label></td>
|
| | | <td><input type="text" id="flash_flashvars" name="flash_flashvars" onchange="Media.formToData();" /></td>
|
| | | </tr>
|
| | | </table>
|
| | | </fieldset>
|
| | |
|
| | | <fieldset id="quicktime_options">
|
| | | <legend>{#media_dlg.qt_options}</legend>
|
| | |
|
| | | <table role="presentation" border="0" cellpadding="4" cellspacing="0">
|
| | | <tr>
|
| | | <td colspan="2">
|
| | | <table role="presentation" border="0" cellpadding="0" cellspacing="0">
|
| | | <tr>
|
| | | <td><input type="checkbox" class="checkbox" id="quicktime_loop" name="quicktime_loop" onchange="Media.formToData();" /></td>
|
| | | <td><label for="quicktime_loop">{#media_dlg.loop}</label></td>
|
| | | </tr>
|
| | | </table>
|
| | | </td>
|
| | |
|
| | | <td colspan="2">
|
| | | <table role="presentation" border="0" cellpadding="0" cellspacing="0">
|
| | | <tr>
|
| | | <td><input type="checkbox" class="checkbox" id="quicktime_autoplay" name="quicktime_autoplay" checked="checked" onchange="Media.formToData();" /></td>
|
| | | <td><label for="quicktime_autoplay">{#media_dlg.play}</label></td>
|
| | | </tr>
|
| | | </table>
|
| | | </td>
|
| | | </tr>
|
| | |
|
| | | <tr>
|
| | | <td colspan="2">
|
| | | <table role="presentation" border="0" cellpadding="0" cellspacing="0">
|
| | | <tr>
|
| | | <td><input type="checkbox" class="checkbox" id="quicktime_cache" name="quicktime_cache" onchange="Media.formToData();" /></td>
|
| | | <td><label for="quicktime_cache">{#media_dlg.cache}</label></td>
|
| | | </tr>
|
| | | </table>
|
| | | </td>
|
| | |
|
| | | <td colspan="2">
|
| | | <table role="presentation" border="0" cellpadding="0" cellspacing="0">
|
| | | <tr>
|
| | | <td><input type="checkbox" class="checkbox" id="quicktime_controller" name="quicktime_controller" checked="checked" onchange="Media.formToData();" /></td>
|
| | | <td><label for="quicktime_controller">{#media_dlg.controller}</label></td>
|
| | | </tr>
|
| | | </table>
|
| | | </td>
|
| | | </tr>
|
| | |
|
| | | <tr>
|
| | | <td colspan="2">
|
| | | <table role="presentation" border="0" cellpadding="0" cellspacing="0">
|
| | | <tr>
|
| | | <td><input type="checkbox" class="checkbox" id="quicktime_correction" name="quicktime_correction" onchange="Media.formToData();" /></td>
|
| | | <td><label for="quicktime_correction">{#media_dlg.correction}</label></td>
|
| | | </tr>
|
| | | </table>
|
| | | </td>
|
| | |
|
| | | <td colspan="2">
|
| | | <table role="presentation" border="0" cellpadding="0" cellspacing="0">
|
| | | <tr>
|
| | | <td><input type="checkbox" class="checkbox" id="quicktime_enablejavascript" name="quicktime_enablejavascript" onchange="Media.formToData();" /></td>
|
| | | <td><label for="quicktime_enablejavascript">{#media_dlg.enablejavascript}</label></td>
|
| | | </tr>
|
| | | </table>
|
| | | </td>
|
| | | </tr>
|
| | |
|
| | | <tr>
|
| | | <td colspan="2">
|
| | | <table role="presentation" border="0" cellpadding="0" cellspacing="0">
|
| | | <tr>
|
| | | <td><input type="checkbox" class="checkbox" id="quicktime_kioskmode" name="quicktime_kioskmode" onchange="Media.formToData();" /></td>
|
| | | <td><label for="quicktime_kioskmode">{#media_dlg.kioskmode}</label></td>
|
| | | </tr>
|
| | | </table>
|
| | | </td>
|
| | |
|
| | | <td colspan="2">
|
| | | <table role="presentation" border="0" cellpadding="0" cellspacing="0">
|
| | | <tr>
|
| | | <td><input type="checkbox" class="checkbox" id="quicktime_autohref" name="quicktime_autohref" onchange="Media.formToData();" /></td>
|
| | | <td><label for="quicktime_autohref">{#media_dlg.autohref}</label></td>
|
| | | </tr>
|
| | | </table>
|
| | | </td>
|
| | | </tr>
|
| | |
|
| | | <tr>
|
| | | <td colspan="2">
|
| | | <table role="presentation" border="0" cellpadding="0" cellspacing="0">
|
| | | <tr>
|
| | | <td><input type="checkbox" class="checkbox" id="quicktime_playeveryframe" name="quicktime_playeveryframe" onchange="Media.formToData();" /></td>
|
| | | <td><label for="quicktime_playeveryframe">{#media_dlg.playeveryframe}</label></td>
|
| | | </tr>
|
| | | </table>
|
| | | </td>
|
| | |
|
| | | <td colspan="2">
|
| | | <table role="presentation" border="0" cellpadding="0" cellspacing="0">
|
| | | <tr>
|
| | | <td><input type="checkbox" class="checkbox" id="quicktime_targetcache" name="quicktime_targetcache" onchange="Media.formToData();" /></td>
|
| | | <td><label for="quicktime_targetcache">{#media_dlg.targetcache}</label></td>
|
| | | </tr>
|
| | | </table>
|
| | | </td>
|
| | | </tr>
|
| | |
|
| | | <tr>
|
| | | <td><label for="quicktime_scale">{#media_dlg.scale}</label></td>
|
| | | <td><select id="quicktime_scale" name="quicktime_scale" class="mceEditableSelect" onchange="Media.formToData();">
|
| | | <option value="">{#not_set}</option> |
| | | <option value="tofit">tofit</option>
|
| | | <option value="aspect">aspect</option>
|
| | | </select>
|
| | | </td>
|
| | |
|
| | | <td colspan="2"> </td>
|
| | | </tr>
|
| | |
|
| | | <tr>
|
| | | <td><label for="quicktime_starttime">{#media_dlg.starttime}</label></td>
|
| | | <td><input type="text" id="quicktime_starttime" name="quicktime_starttime" onchange="Media.formToData();" /></td>
|
| | |
|
| | | <td><label for="quicktime_endtime">{#media_dlg.endtime}</label></td>
|
| | | <td><input type="text" id="quicktime_endtime" name="quicktime_endtime" onchange="Media.formToData();" /></td>
|
| | | </tr>
|
| | |
|
| | | <tr>
|
| | | <td><label for="quicktime_target">{#media_dlg.target}</label></td>
|
| | | <td><input type="text" id="quicktime_target" name="quicktime_target" onchange="Media.formToData();" /></td>
|
| | |
|
| | | <td><label for="quicktime_href">{#media_dlg.href}</label></td>
|
| | | <td><input type="text" id="quicktime_href" name="quicktime_href" onchange="Media.formToData();" /></td>
|
| | | </tr>
|
| | |
|
| | | <tr>
|
| | | <td><label for="quicktime_qtsrcchokespeed">{#media_dlg.qtsrcchokespeed}</label></td>
|
| | | <td><input type="text" id="quicktime_qtsrcchokespeed" name="quicktime_qtsrcchokespeed" onchange="Media.formToData();" /></td>
|
| | |
|
| | | <td><label for="quicktime_volume">{#media_dlg.volume}</label></td>
|
| | | <td><input type="text" id="quicktime_volume" name="quicktime_volume" onchange="Media.formToData();" /></td>
|
| | | </tr>
|
| | |
|
| | | <tr>
|
| | | <td><label for="quicktime_qtsrc">{#media_dlg.qtsrc}</label></td>
|
| | | <td colspan="4">
|
| | | <table role="presentation" border="0" cellspacing="0" cellpadding="0">
|
| | | <tr>
|
| | | <td><input type="text" id="quicktime_qtsrc" name="quicktime_qtsrc" onchange="Media.formToData();" /></td>
|
| | | <td id="qtsrcfilebrowsercontainer"> </td>
|
| | | </tr>
|
| | | </table>
|
| | | </td>
|
| | | </tr>
|
| | | </table>
|
| | | </fieldset>
|
| | |
|
| | | <fieldset id="windowsmedia_options">
|
| | | <legend>{#media_dlg.wmp_options}</legend>
|
| | |
|
| | | <table role="presentation" border="0" cellpadding="4" cellspacing="0">
|
| | | <tr>
|
| | | <td colspan="2">
|
| | | <table role="presentation" border="0" cellpadding="0" cellspacing="0">
|
| | | <tr>
|
| | | <td><input type="checkbox" class="checkbox" id="windowsmedia_autostart" name="windowsmedia_autostart" checked="checked" onchange="Media.formToData();" /></td>
|
| | | <td><label for="windowsmedia_autostart">{#media_dlg.autostart}</label></td>
|
| | | </tr>
|
| | | </table>
|
| | | </td>
|
| | |
|
| | | <td colspan="2">
|
| | | <table role="presentation" border="0" cellpadding="0" cellspacing="0">
|
| | | <tr>
|
| | | <td><input type="checkbox" class="checkbox" id="windowsmedia_enabled" name="windowsmedia_enabled" onchange="Media.formToData();" /></td>
|
| | | <td><label for="windowsmedia_enabled">{#media_dlg.enabled}</label></td>
|
| | | </tr>
|
| | | </table>
|
| | | </td>
|
| | | </tr>
|
| | |
|
| | | <tr>
|
| | | <td colspan="2">
|
| | | <table role="presentation" border="0" cellpadding="0" cellspacing="0">
|
| | | <tr>
|
| | | <td><input type="checkbox" class="checkbox" id="windowsmedia_enablecontextmenu" name="windowsmedia_enablecontextmenu" checked="checked" onchange="Media.formToData();" /></td>
|
| | | <td><label for="windowsmedia_enablecontextmenu">{#media_dlg.menu}</label></td>
|
| | | </tr>
|
| | | </table>
|
| | | </td>
|
| | |
|
| | | <td colspan="2">
|
| | | <table role="presentation" border="0" cellpadding="0" cellspacing="0">
|
| | | <tr>
|
| | | <td><input type="checkbox" class="checkbox" id="windowsmedia_fullscreen" name="windowsmedia_fullscreen" onchange="Media.formToData();" /></td>
|
| | | <td><label for="windowsmedia_fullscreen">{#media_dlg.fullscreen}</label></td>
|
| | | </tr>
|
| | | </table>
|
| | | </td>
|
| | | </tr>
|
| | |
|
| | | <tr>
|
| | | <td colspan="2">
|
| | | <table role="presentation" border="0" cellpadding="0" cellspacing="0">
|
| | | <tr>
|
| | | <td><input type="checkbox" class="checkbox" id="windowsmedia_invokeurls" name="windowsmedia_invokeurls" checked="checked" onchange="Media.formToData();" /></td>
|
| | | <td><label for="windowsmedia_invokeurls">{#media_dlg.invokeurls}</label></td>
|
| | | </tr>
|
| | | </table>
|
| | | </td>
|
| | |
|
| | | <td colspan="2">
|
| | | <table role="presentation" border="0" cellpadding="0" cellspacing="0">
|
| | | <tr>
|
| | | <td><input type="checkbox" class="checkbox" id="windowsmedia_mute" name="windowsmedia_mute" onchange="Media.formToData();" /></td>
|
| | | <td><label for="windowsmedia_mute">{#media_dlg.mute}</label></td>
|
| | | </tr>
|
| | | </table>
|
| | | </td>
|
| | | </tr>
|
| | |
|
| | | <tr>
|
| | | <td colspan="2">
|
| | | <table role="presentation" border="0" cellpadding="0" cellspacing="0">
|
| | | <tr>
|
| | | <td><input type="checkbox" class="checkbox" id="windowsmedia_stretchtofit" name="windowsmedia_stretchtofit" onchange="Media.formToData();" /></td>
|
| | | <td><label for="windowsmedia_stretchtofit">{#media_dlg.stretchtofit}</label></td>
|
| | | </tr>
|
| | | </table>
|
| | | </td>
|
| | |
|
| | | <td colspan="2">
|
| | | <table role="presentation" border="0" cellpadding="0" cellspacing="0">
|
| | | <tr>
|
| | | <td><input type="checkbox" class="checkbox" id="windowsmedia_windowlessvideo" name="windowsmedia_windowlessvideo" onchange="Media.formToData();" /></td>
|
| | | <td><label for="windowsmedia_windowlessvideo">{#media_dlg.windowlessvideo}</label></td>
|
| | | </tr>
|
| | | </table>
|
| | | </td>
|
| | | </tr>
|
| | |
|
| | | <tr>
|
| | | <td><label for="windowsmedia_balance">{#media_dlg.balance}</label></td>
|
| | | <td><input type="text" id="windowsmedia_balance" name="windowsmedia_balance" onchange="Media.formToData();" /></td>
|
| | |
|
| | | <td><label for="windowsmedia_baseurl">{#media_dlg.baseurl}</label></td>
|
| | | <td><input type="text" id="windowsmedia_baseurl" name="windowsmedia_baseurl" onchange="Media.formToData();" /></td>
|
| | | </tr>
|
| | |
|
| | | <tr>
|
| | | <td><label for="windowsmedia_captioningid">{#media_dlg.captioningid}</label></td>
|
| | | <td><input type="text" id="windowsmedia_captioningid" name="windowsmedia_captioningid" onchange="Media.formToData();" /></td>
|
| | |
|
| | | <td><label for="windowsmedia_currentmarker">{#media_dlg.currentmarker}</label></td>
|
| | | <td><input type="text" id="windowsmedia_currentmarker" name="windowsmedia_currentmarker" onchange="Media.formToData();" /></td>
|
| | | </tr>
|
| | |
|
| | | <tr>
|
| | | <td><label for="windowsmedia_currentposition">{#media_dlg.currentposition}</label></td>
|
| | | <td><input type="text" id="windowsmedia_currentposition" name="windowsmedia_currentposition" onchange="Media.formToData();" /></td>
|
| | |
|
| | | <td><label for="windowsmedia_defaultframe">{#media_dlg.defaultframe}</label></td>
|
| | | <td><input type="text" id="windowsmedia_defaultframe" name="windowsmedia_defaultframe" onchange="Media.formToData();" /></td>
|
| | | </tr>
|
| | |
|
| | | <tr>
|
| | | <td><label for="windowsmedia_playcount">{#media_dlg.playcount}</label></td>
|
| | | <td><input type="text" id="windowsmedia_playcount" name="windowsmedia_playcount" onchange="Media.formToData();" /></td>
|
| | |
|
| | | <td><label for="windowsmedia_rate">{#media_dlg.rate}</label></td>
|
| | | <td><input type="text" id="windowsmedia_rate" name="windowsmedia_rate" onchange="Media.formToData();" /></td>
|
| | | </tr>
|
| | |
|
| | | <tr>
|
| | | <td><label for="windowsmedia_uimode">{#media_dlg.uimode}</label></td>
|
| | | <td><input type="text" id="windowsmedia_uimode" name="windowsmedia_uimode" onchange="Media.formToData();" /></td>
|
| | |
|
| | | <td><label for="windowsmedia_volume">{#media_dlg.volume}</label></td>
|
| | | <td><input type="text" id="windowsmedia_volume" name="windowsmedia_volume" onchange="Media.formToData();" /></td>
|
| | | </tr>
|
| | |
|
| | | </table>
|
| | | </fieldset>
|
| | |
|
| | | <fieldset id="realmedia_options">
|
| | | <legend>{#media_dlg.rmp_options}</legend>
|
| | |
|
| | | <table role="presentation" border="0" cellpadding="4" cellspacing="0">
|
| | | <tr>
|
| | | <td colspan="2">
|
| | | <table role="presentation" border="0" cellpadding="0" cellspacing="0">
|
| | | <tr>
|
| | | <td><input type="checkbox" class="checkbox" id="realmedia_autostart" name="realmedia_autostart" onchange="Media.formToData();" /></td>
|
| | | <td><label for="realmedia_autostart">{#media_dlg.autostart}</label></td>
|
| | | </tr>
|
| | | </table>
|
| | | </td>
|
| | |
|
| | | <td colspan="2">
|
| | | <table role="presentation" border="0" cellpadding="0" cellspacing="0">
|
| | | <tr>
|
| | | <td><input type="checkbox" class="checkbox" id="realmedia_loop" name="realmedia_loop" onchange="Media.formToData();" /></td>
|
| | | <td><label for="realmedia_loop">{#media_dlg.loop}</label></td>
|
| | | </tr>
|
| | | </table>
|
| | | </td>
|
| | | </tr>
|
| | |
|
| | | <tr>
|
| | | <td colspan="2">
|
| | | <table role="presentation" border="0" cellpadding="0" cellspacing="0">
|
| | | <tr>
|
| | | <td><input type="checkbox" class="checkbox" id="realmedia_autogotourl" name="realmedia_autogotourl" checked="checked" onchange="Media.formToData();" /></td>
|
| | | <td><label for="realmedia_autogotourl">{#media_dlg.autogotourl}</label></td>
|
| | | </tr>
|
| | | </table>
|
| | | </td>
|
| | |
|
| | | <td colspan="2">
|
| | | <table role="presentation" border="0" cellpadding="0" cellspacing="0">
|
| | | <tr>
|
| | | <td><input type="checkbox" class="checkbox" id="realmedia_center" name="realmedia_center" onchange="Media.formToData();" /></td>
|
| | | <td><label for="realmedia_center">{#media_dlg.center}</label></td>
|
| | | </tr>
|
| | | </table>
|
| | | </td>
|
| | | </tr>
|
| | |
|
| | | <tr>
|
| | | <td colspan="2">
|
| | | <table role="presentation" border="0" cellpadding="0" cellspacing="0">
|
| | | <tr>
|
| | | <td><input type="checkbox" class="checkbox" id="realmedia_imagestatus" name="realmedia_imagestatus" checked="checked" onchange="Media.formToData();" /></td>
|
| | | <td><label for="realmedia_imagestatus">{#media_dlg.imagestatus}</label></td>
|
| | | </tr>
|
| | | </table>
|
| | | </td>
|
| | |
|
| | | <td colspan="2">
|
| | | <table role="presentation" border="0" cellpadding="0" cellspacing="0">
|
| | | <tr>
|
| | | <td><input type="checkbox" class="checkbox" id="realmedia_maintainaspect" name="realmedia_maintainaspect" onchange="Media.formToData();" /></td>
|
| | | <td><label for="realmedia_maintainaspect">{#media_dlg.maintainaspect}</label></td>
|
| | | </tr>
|
| | | </table>
|
| | | </td>
|
| | | </tr>
|
| | |
|
| | | <tr>
|
| | | <td colspan="2">
|
| | | <table role="presentation" border="0" cellpadding="0" cellspacing="0">
|
| | | <tr>
|
| | | <td><input type="checkbox" class="checkbox" id="realmedia_nojava" name="realmedia_nojava" onchange="Media.formToData();" /></td>
|
| | | <td><label for="realmedia_nojava">{#media_dlg.nojava}</label></td>
|
| | | </tr>
|
| | | </table>
|
| | | </td>
|
| | |
|
| | | <td colspan="2">
|
| | | <table role="presentation" border="0" cellpadding="0" cellspacing="0">
|
| | | <tr>
|
| | | <td><input type="checkbox" class="checkbox" id="realmedia_prefetch" name="realmedia_prefetch" onchange="Media.formToData();" /></td>
|
| | | <td><label for="realmedia_prefetch">{#media_dlg.prefetch}</label></td>
|
| | | </tr>
|
| | | </table>
|
| | | </td>
|
| | | </tr>
|
| | |
|
| | | <tr>
|
| | | <td colspan="2">
|
| | | <table role="presentation" border="0" cellpadding="0" cellspacing="0">
|
| | | <tr>
|
| | | <td><input type="checkbox" class="checkbox" id="realmedia_shuffle" name="realmedia_shuffle" onchange="Media.formToData();" /></td>
|
| | | <td><label for="realmedia_shuffle">{#media_dlg.shuffle}</label></td>
|
| | | </tr>
|
| | | </table>
|
| | | </td>
|
| | |
|
| | | <td colspan="2">
|
| | |
|
| | | </td>
|
| | | </tr>
|
| | |
|
| | | <tr>
|
| | | <td><label for="realmedia_console">{#media_dlg.console}</label></td>
|
| | | <td><input type="text" id="realmedia_console" name="realmedia_console" onchange="Media.formToData();" /></td>
|
| | |
|
| | | <td><label for="realmedia_controls">{#media_dlg.controls}</label></td>
|
| | | <td><input type="text" id="realmedia_controls" name="realmedia_controls" onchange="Media.formToData();" /></td>
|
| | | </tr>
|
| | |
|
| | | <tr>
|
| | | <td><label for="realmedia_numloop">{#media_dlg.numloop}</label></td>
|
| | | <td><input type="text" id="realmedia_numloop" name="realmedia_numloop" onchange="Media.formToData();" /></td>
|
| | |
|
| | | <td><label for="realmedia_scriptcallbacks">{#media_dlg.scriptcallbacks}</label></td>
|
| | | <td><input type="text" id="realmedia_scriptcallbacks" name="realmedia_scriptcallbacks" onchange="Media.formToData();" /></td>
|
| | | </tr>
|
| | | </table>
|
| | | </fieldset>
|
| | |
|
| | | <fieldset id="shockwave_options">
|
| | | <legend>{#media_dlg.shockwave_options}</legend>
|
| | |
|
| | | <table role="presentation" border="0" cellpadding="4" cellspacing="0">
|
| | | <tr>
|
| | | <td><label for="shockwave_swstretchstyle">{#media_dlg.swstretchstyle}</label></td>
|
| | | <td>
|
| | | <select id="shockwave_swstretchstyle" name="shockwave_swstretchstyle" onchange="Media.formToData();">
|
| | | <option value="none">{#not_set}</option>
|
| | | <option value="meet">Meet</option>
|
| | | <option value="fill">Fill</option>
|
| | | <option value="stage">Stage</option>
|
| | | </select>
|
| | | </td>
|
| | |
|
| | | <td><label for="shockwave_swvolume">{#media_dlg.volume}</label></td>
|
| | | <td><input type="text" id="shockwave_swvolume" name="shockwave_swvolume" onchange="Media.formToData();" /></td>
|
| | | </tr>
|
| | |
|
| | | <tr>
|
| | | <td><label for="shockwave_swstretchhalign">{#media_dlg.swstretchhalign}</label></td>
|
| | | <td>
|
| | | <select id="shockwave_swstretchhalign" name="shockwave_swstretchhalign" onchange="Media.formToData();">
|
| | | <option value="none">{#not_set}</option>
|
| | | <option value="left">{#media_dlg.align_left}</option>
|
| | | <option value="center">{#media_dlg.align_center}</option>
|
| | | <option value="right">{#media_dlg.align_right}</option>
|
| | | </select>
|
| | | </td>
|
| | |
|
| | | <td><label for="shockwave_swstretchvalign">{#media_dlg.swstretchvalign}</label></td>
|
| | | <td>
|
| | | <select id="shockwave_swstretchvalign" name="shockwave_swstretchvalign" onchange="Media.formToData();">
|
| | | <option value="none">{#not_set}</option>
|
| | | <option value="meet">Meet</option>
|
| | | <option value="fill">Fill</option>
|
| | | <option value="stage">Stage</option>
|
| | | </select>
|
| | | </td>
|
| | | </tr>
|
| | |
|
| | | <tr>
|
| | | <td colspan="2">
|
| | | <table role="presentation" border="0" cellpadding="0" cellspacing="0">
|
| | | <tr>
|
| | | <td><input type="checkbox" class="checkbox" id="shockwave_autostart" name="shockwave_autostart" onchange="Media.formToData();" checked="checked" /></td>
|
| | | <td><label for="shockwave_autostart">{#media_dlg.autostart}</label></td>
|
| | | </tr>
|
| | | </table>
|
| | | </td>
|
| | |
|
| | | <td colspan="2">
|
| | | <table role="presentation" border="0" cellpadding="0" cellspacing="0">
|
| | | <tr>
|
| | | <td><input type="checkbox" class="checkbox" id="shockwave_sound" name="shockwave_sound" onchange="Media.formToData();" checked="checked" /></td>
|
| | | <td><label for="shockwave_sound">{#media_dlg.sound}</label></td>
|
| | | </tr>
|
| | | </table>
|
| | | </td>
|
| | | </tr>
|
| | |
|
| | |
|
| | | <tr>
|
| | | <td colspan="2">
|
| | | <table role="presentation" border="0" cellpadding="0" cellspacing="0">
|
| | | <tr>
|
| | | <td><input type="checkbox" class="checkbox" id="shockwave_swliveconnect" name="shockwave_swliveconnect" onchange="Media.formToData();" /></td>
|
| | | <td><label for="shockwave_swliveconnect">{#media_dlg.liveconnect}</label></td>
|
| | | </tr>
|
| | | </table>
|
| | | </td>
|
| | |
|
| | | <td colspan="2">
|
| | | <table role="presentation" border="0" cellpadding="0" cellspacing="0">
|
| | | <tr>
|
| | | <td><input type="checkbox" class="checkbox" id="shockwave_progress" name="shockwave_progress" onchange="Media.formToData();" checked="checked" /></td>
|
| | | <td><label for="shockwave_progress">{#media_dlg.progress}</label></td>
|
| | | </tr>
|
| | | </table>
|
| | | </td>
|
| | | </tr>
|
| | | </table>
|
| | | </fieldset>
|
| | | </div>
|
| | |
|
| | | <div id="source_panel" class="panel">
|
| | | <fieldset>
|
| | | <legend>{#media_dlg.source}</legend>
|
| | | <textarea id="source" style="width: 99%; height: 390px"></textarea>
|
| | | </fieldset>
|
| | | </div>
|
| | | </div>
|
| | |
|
| | | <div class="mceActionPanel">
|
| | | <input type="submit" id="insert" name="insert" value="{#insert}" />
|
| | | <input type="button" id="cancel" name="cancel" value="{#cancel}" onclick="tinyMCEPopup.close();" />
|
| | | </div>
|
| | | </form>
|
| | | </body>
|
| | | </html>
|
New file |
| | |
| | | (function(){tinymce.create("tinymce.plugins.Nonbreaking",{init:function(a,b){var c=this;c.editor=a;a.addCommand("mceNonBreaking",function(){a.execCommand("mceInsertContent",false,(a.plugins.visualchars&&a.plugins.visualchars.state)?'<span data-mce-bogus="1" class="mceItemHidden mceItemNbsp"> </span>':" ")});a.addButton("nonbreaking",{title:"nonbreaking.nonbreaking_desc",cmd:"mceNonBreaking"});if(a.getParam("nonbreaking_force_tab")){a.onKeyDown.add(function(d,f){if(f.keyCode==9){f.preventDefault();d.execCommand("mceNonBreaking");d.execCommand("mceNonBreaking");d.execCommand("mceNonBreaking")}})}},getInfo:function(){return{longname:"Nonbreaking space",author:"Moxiecode Systems AB",authorurl:"http://tinymce.moxiecode.com",infourl:"http://wiki.moxiecode.com/index.php/TinyMCE:Plugins/nonbreaking",version:tinymce.majorVersion+"."+tinymce.minorVersion}}});tinymce.PluginManager.add("nonbreaking",tinymce.plugins.Nonbreaking)})(); |
New file |
| | |
| | | /**
|
| | | * editor_plugin_src.js
|
| | | *
|
| | | * Copyright 2009, Moxiecode Systems AB
|
| | | * Released under LGPL License.
|
| | | *
|
| | | * License: http://tinymce.moxiecode.com/license
|
| | | * Contributing: http://tinymce.moxiecode.com/contributing
|
| | | */
|
| | |
|
| | | (function() {
|
| | | tinymce.create('tinymce.plugins.Nonbreaking', {
|
| | | init : function(ed, url) {
|
| | | var t = this;
|
| | |
|
| | | t.editor = ed;
|
| | |
|
| | | // Register commands
|
| | | ed.addCommand('mceNonBreaking', function() {
|
| | | ed.execCommand('mceInsertContent', false, (ed.plugins.visualchars && ed.plugins.visualchars.state) ? '<span data-mce-bogus="1" class="mceItemHidden mceItemNbsp"> </span>' : ' ');
|
| | | });
|
| | |
|
| | | // Register buttons
|
| | | ed.addButton('nonbreaking', {title : 'nonbreaking.nonbreaking_desc', cmd : 'mceNonBreaking'});
|
| | |
|
| | | if (ed.getParam('nonbreaking_force_tab')) {
|
| | | ed.onKeyDown.add(function(ed, e) {
|
| | | if (e.keyCode == 9) {
|
| | | e.preventDefault();
|
| | | |
| | | ed.execCommand('mceNonBreaking');
|
| | | ed.execCommand('mceNonBreaking');
|
| | | ed.execCommand('mceNonBreaking');
|
| | | }
|
| | | });
|
| | | }
|
| | | },
|
| | |
|
| | | getInfo : function() {
|
| | | return {
|
| | | longname : 'Nonbreaking space',
|
| | | author : 'Moxiecode Systems AB',
|
| | | authorurl : 'http://tinymce.moxiecode.com',
|
| | | infourl : 'http://wiki.moxiecode.com/index.php/TinyMCE:Plugins/nonbreaking',
|
| | | version : tinymce.majorVersion + "." + tinymce.minorVersion
|
| | | };
|
| | | }
|
| | |
|
| | | // Private methods
|
| | | });
|
| | |
|
| | | // Register plugin
|
| | | tinymce.PluginManager.add('nonbreaking', tinymce.plugins.Nonbreaking);
|
| | | })(); |
New file |
| | |
| | | (function(){var a=tinymce.dom.Event;tinymce.create("tinymce.plugins.NonEditablePlugin",{init:function(d,e){var f=this,c,b,g;f.editor=d;c=d.getParam("noneditable_editable_class","mceEditable");b=d.getParam("noneditable_noneditable_class","mceNonEditable");d.onNodeChange.addToTop(function(i,h,l){var k,j;k=i.dom.getParent(i.selection.getStart(),function(m){return i.dom.hasClass(m,b)});j=i.dom.getParent(i.selection.getEnd(),function(m){return i.dom.hasClass(m,b)});if(k||j){g=1;f._setDisabled(1);return false}else{if(g==1){f._setDisabled(0);g=0}}})},getInfo:function(){return{longname:"Non editable elements",author:"Moxiecode Systems AB",authorurl:"http://tinymce.moxiecode.com",infourl:"http://wiki.moxiecode.com/index.php/TinyMCE:Plugins/noneditable",version:tinymce.majorVersion+"."+tinymce.minorVersion}},_block:function(c,d){var b=d.keyCode;if((b>32&&b<41)||(b>111&&b<124)){return}return a.cancel(d)},_setDisabled:function(d){var c=this,b=c.editor;tinymce.each(b.controlManager.controls,function(e){e.setDisabled(d)});if(d!==c.disabled){if(d){b.onKeyDown.addToTop(c._block);b.onKeyPress.addToTop(c._block);b.onKeyUp.addToTop(c._block);b.onPaste.addToTop(c._block);b.onContextMenu.addToTop(c._block)}else{b.onKeyDown.remove(c._block);b.onKeyPress.remove(c._block);b.onKeyUp.remove(c._block);b.onPaste.remove(c._block);b.onContextMenu.remove(c._block)}c.disabled=d}}});tinymce.PluginManager.add("noneditable",tinymce.plugins.NonEditablePlugin)})(); |
New file |
| | |
| | | /**
|
| | | * editor_plugin_src.js
|
| | | *
|
| | | * Copyright 2009, Moxiecode Systems AB
|
| | | * Released under LGPL License.
|
| | | *
|
| | | * License: http://tinymce.moxiecode.com/license
|
| | | * Contributing: http://tinymce.moxiecode.com/contributing
|
| | | */
|
| | |
|
| | | (function() {
|
| | | var Event = tinymce.dom.Event;
|
| | |
|
| | | tinymce.create('tinymce.plugins.NonEditablePlugin', {
|
| | | init : function(ed, url) {
|
| | | var t = this, editClass, nonEditClass, state;
|
| | |
|
| | | t.editor = ed;
|
| | | editClass = ed.getParam("noneditable_editable_class", "mceEditable");
|
| | | nonEditClass = ed.getParam("noneditable_noneditable_class", "mceNonEditable");
|
| | |
|
| | | ed.onNodeChange.addToTop(function(ed, cm, n) {
|
| | | var sc, ec;
|
| | |
|
| | | // Block if start or end is inside a non editable element
|
| | | sc = ed.dom.getParent(ed.selection.getStart(), function(n) {
|
| | | return ed.dom.hasClass(n, nonEditClass);
|
| | | });
|
| | |
|
| | | ec = ed.dom.getParent(ed.selection.getEnd(), function(n) {
|
| | | return ed.dom.hasClass(n, nonEditClass);
|
| | | });
|
| | |
|
| | | // Block or unblock
|
| | | if (sc || ec) {
|
| | | state = 1;
|
| | | t._setDisabled(1);
|
| | | return false;
|
| | | } else if (state == 1) {
|
| | | t._setDisabled(0);
|
| | | state = 0;
|
| | | }
|
| | | });
|
| | | },
|
| | |
|
| | | getInfo : function() {
|
| | | return {
|
| | | longname : 'Non editable elements',
|
| | | author : 'Moxiecode Systems AB',
|
| | | authorurl : 'http://tinymce.moxiecode.com',
|
| | | infourl : 'http://wiki.moxiecode.com/index.php/TinyMCE:Plugins/noneditable',
|
| | | version : tinymce.majorVersion + "." + tinymce.minorVersion
|
| | | };
|
| | | },
|
| | |
|
| | | _block : function(ed, e) {
|
| | | var k = e.keyCode;
|
| | |
|
| | | // Don't block arrow keys, pg up/down, and F1-F12
|
| | | if ((k > 32 && k < 41) || (k > 111 && k < 124))
|
| | | return;
|
| | |
|
| | | return Event.cancel(e);
|
| | | },
|
| | |
|
| | | _setDisabled : function(s) {
|
| | | var t = this, ed = t.editor;
|
| | |
|
| | | tinymce.each(ed.controlManager.controls, function(c) {
|
| | | c.setDisabled(s);
|
| | | });
|
| | |
|
| | | if (s !== t.disabled) {
|
| | | if (s) {
|
| | | ed.onKeyDown.addToTop(t._block);
|
| | | ed.onKeyPress.addToTop(t._block);
|
| | | ed.onKeyUp.addToTop(t._block);
|
| | | ed.onPaste.addToTop(t._block);
|
| | | ed.onContextMenu.addToTop(t._block);
|
| | | } else {
|
| | | ed.onKeyDown.remove(t._block);
|
| | | ed.onKeyPress.remove(t._block);
|
| | | ed.onKeyUp.remove(t._block);
|
| | | ed.onPaste.remove(t._block);
|
| | | ed.onContextMenu.remove(t._block);
|
| | | }
|
| | |
|
| | | t.disabled = s;
|
| | | }
|
| | | }
|
| | | });
|
| | |
|
| | | // Register plugin
|
| | | tinymce.PluginManager.add('noneditable', tinymce.plugins.NonEditablePlugin);
|
| | | })(); |
New file |
| | |
| | | (function(){tinymce.create("tinymce.plugins.PageBreakPlugin",{init:function(b,d){var f='<img src="'+b.theme.url+'/img/trans.gif" class="mcePageBreak mceItemNoResize" />',a="mcePageBreak",c=b.getParam("pagebreak_separator","<!-- pagebreak -->"),e;e=new RegExp(c.replace(/[\?\.\*\[\]\(\)\{\}\+\^\$\:]/g,function(g){return"\\"+g}),"g");b.addCommand("mcePageBreak",function(){b.execCommand("mceInsertContent",0,f)});b.addButton("pagebreak",{title:"pagebreak.desc",cmd:a});b.onInit.add(function(){if(b.theme.onResolveName){b.theme.onResolveName.add(function(g,h){if(h.node.nodeName=="IMG"&&b.dom.hasClass(h.node,a)){h.name="pagebreak"}})}});b.onClick.add(function(g,h){h=h.target;if(h.nodeName==="IMG"&&g.dom.hasClass(h,a)){g.selection.select(h)}});b.onNodeChange.add(function(h,g,i){g.setActive("pagebreak",i.nodeName==="IMG"&&h.dom.hasClass(i,a))});b.onBeforeSetContent.add(function(g,h){h.content=h.content.replace(e,f)});b.onPostProcess.add(function(g,h){if(h.get){h.content=h.content.replace(/<img[^>]+>/g,function(i){if(i.indexOf('class="mcePageBreak')!==-1){i=c}return i})}})},getInfo:function(){return{longname:"PageBreak",author:"Moxiecode Systems AB",authorurl:"http://tinymce.moxiecode.com",infourl:"http://wiki.moxiecode.com/index.php/TinyMCE:Plugins/pagebreak",version:tinymce.majorVersion+"."+tinymce.minorVersion}}});tinymce.PluginManager.add("pagebreak",tinymce.plugins.PageBreakPlugin)})(); |
New file |
| | |
| | | /**
|
| | | * editor_plugin_src.js
|
| | | *
|
| | | * Copyright 2009, Moxiecode Systems AB
|
| | | * Released under LGPL License.
|
| | | *
|
| | | * License: http://tinymce.moxiecode.com/license
|
| | | * Contributing: http://tinymce.moxiecode.com/contributing
|
| | | */
|
| | |
|
| | | (function() {
|
| | | tinymce.create('tinymce.plugins.PageBreakPlugin', {
|
| | | init : function(ed, url) {
|
| | | var pb = '<img src="' + ed.theme.url + '/img/trans.gif" class="mcePageBreak mceItemNoResize" />', cls = 'mcePageBreak', sep = ed.getParam('pagebreak_separator', '<!-- pagebreak -->'), pbRE;
|
| | |
|
| | | pbRE = new RegExp(sep.replace(/[\?\.\*\[\]\(\)\{\}\+\^\$\:]/g, function(a) {return '\\' + a;}), 'g');
|
| | |
|
| | | // Register commands
|
| | | ed.addCommand('mcePageBreak', function() {
|
| | | ed.execCommand('mceInsertContent', 0, pb);
|
| | | });
|
| | |
|
| | | // Register buttons
|
| | | ed.addButton('pagebreak', {title : 'pagebreak.desc', cmd : cls});
|
| | |
|
| | | ed.onInit.add(function() {
|
| | | if (ed.theme.onResolveName) {
|
| | | ed.theme.onResolveName.add(function(th, o) {
|
| | | if (o.node.nodeName == 'IMG' && ed.dom.hasClass(o.node, cls))
|
| | | o.name = 'pagebreak';
|
| | | });
|
| | | }
|
| | | });
|
| | |
|
| | | ed.onClick.add(function(ed, e) {
|
| | | e = e.target;
|
| | |
|
| | | if (e.nodeName === 'IMG' && ed.dom.hasClass(e, cls))
|
| | | ed.selection.select(e);
|
| | | });
|
| | |
|
| | | ed.onNodeChange.add(function(ed, cm, n) {
|
| | | cm.setActive('pagebreak', n.nodeName === 'IMG' && ed.dom.hasClass(n, cls));
|
| | | });
|
| | |
|
| | | ed.onBeforeSetContent.add(function(ed, o) {
|
| | | o.content = o.content.replace(pbRE, pb);
|
| | | });
|
| | |
|
| | | ed.onPostProcess.add(function(ed, o) {
|
| | | if (o.get)
|
| | | o.content = o.content.replace(/<img[^>]+>/g, function(im) {
|
| | | if (im.indexOf('class="mcePageBreak') !== -1)
|
| | | im = sep;
|
| | |
|
| | | return im;
|
| | | });
|
| | | });
|
| | | },
|
| | |
|
| | | getInfo : function() {
|
| | | return {
|
| | | longname : 'PageBreak',
|
| | | author : 'Moxiecode Systems AB',
|
| | | authorurl : 'http://tinymce.moxiecode.com',
|
| | | infourl : 'http://wiki.moxiecode.com/index.php/TinyMCE:Plugins/pagebreak',
|
| | | version : tinymce.majorVersion + "." + tinymce.minorVersion
|
| | | };
|
| | | }
|
| | | });
|
| | |
|
| | | // Register plugin
|
| | | tinymce.PluginManager.add('pagebreak', tinymce.plugins.PageBreakPlugin);
|
| | | })(); |
New file |
| | |
| | | (function(){var c=tinymce.each,a={paste_auto_cleanup_on_paste:true,paste_enable_default_filters:true,paste_block_drop:false,paste_retain_style_properties:"none",paste_strip_class_attributes:"mso",paste_remove_spans:false,paste_remove_styles:false,paste_remove_styles_if_webkit:true,paste_convert_middot_lists:true,paste_convert_headers_to_strong:false,paste_dialog_width:"450",paste_dialog_height:"400",paste_text_use_dialog:false,paste_text_sticky:false,paste_text_sticky_default:false,paste_text_notifyalways:false,paste_text_linebreaktype:"combined",paste_text_replacements:[[/\u2026/g,"..."],[/[\x93\x94\u201c\u201d]/g,'"'],[/[\x60\x91\x92\u2018\u2019]/g,"'"]]};function b(d,e){return d.getParam(e,a[e])}tinymce.create("tinymce.plugins.PastePlugin",{init:function(d,e){var f=this;f.editor=d;f.url=e;f.onPreProcess=new tinymce.util.Dispatcher(f);f.onPostProcess=new tinymce.util.Dispatcher(f);f.onPreProcess.add(f._preProcess);f.onPostProcess.add(f._postProcess);f.onPreProcess.add(function(i,j){d.execCallback("paste_preprocess",i,j)});f.onPostProcess.add(function(i,j){d.execCallback("paste_postprocess",i,j)});d.onKeyDown.addToTop(function(i,j){if(((tinymce.isMac?j.metaKey:j.ctrlKey)&&j.keyCode==86)||(j.shiftKey&&j.keyCode==45)){return false}});d.pasteAsPlainText=b(d,"paste_text_sticky_default");function h(l,j){var k=d.dom,i;f.onPreProcess.dispatch(f,l);l.node=k.create("div",0,l.content);if(tinymce.isGecko){i=d.selection.getRng(true);if(i.startContainer==i.endContainer&&i.startContainer.nodeType==3){if(l.node.childNodes.length===1&&/^(p|h[1-6]|pre)$/i.test(l.node.firstChild.nodeName)&&l.content.indexOf("__MCE_ITEM__")===-1){k.remove(l.node.firstChild,true)}}}f.onPostProcess.dispatch(f,l);l.content=d.serializer.serialize(l.node,{getInner:1,forced_root_block:""});if((!j)&&(d.pasteAsPlainText)){f._insertPlainText(l.content);if(!b(d,"paste_text_sticky")){d.pasteAsPlainText=false;d.controlManager.setActive("pastetext",false)}}else{f._insert(l.content)}}d.addCommand("mceInsertClipboardContent",function(i,j){h(j,true)});if(!b(d,"paste_text_use_dialog")){d.addCommand("mcePasteText",function(j,i){var k=tinymce.util.Cookie;d.pasteAsPlainText=!d.pasteAsPlainText;d.controlManager.setActive("pastetext",d.pasteAsPlainText);if((d.pasteAsPlainText)&&(!k.get("tinymcePasteText"))){if(b(d,"paste_text_sticky")){d.windowManager.alert(d.translate("paste.plaintext_mode_sticky"))}else{d.windowManager.alert(d.translate("paste.plaintext_mode"))}if(!b(d,"paste_text_notifyalways")){k.set("tinymcePasteText","1",new Date(new Date().getFullYear()+1,12,31))}}})}d.addButton("pastetext",{title:"paste.paste_text_desc",cmd:"mcePasteText"});d.addButton("selectall",{title:"paste.selectall_desc",cmd:"selectall"});function g(s){var l,p,j,t,k=d.selection,o=d.dom,q=d.getBody(),i,r;if(s.clipboardData||o.doc.dataTransfer){r=(s.clipboardData||o.doc.dataTransfer).getData("Text");if(d.pasteAsPlainText){s.preventDefault();h({content:o.encode(r).replace(/\r?\n/g,"<br />")});return}}if(o.get("_mcePaste")){return}l=o.add(q,"div",{id:"_mcePaste","class":"mcePaste","data-mce-bogus":"1"},"\uFEFF\uFEFF");if(q!=d.getDoc().body){i=o.getPos(d.selection.getStart(),q).y}else{i=q.scrollTop+o.getViewPort(d.getWin()).y}o.setStyles(l,{position:"absolute",left:tinymce.isGecko?-40:0,top:i-25,width:1,height:1,overflow:"hidden"});if(tinymce.isIE){t=k.getRng();j=o.doc.body.createTextRange();j.moveToElementText(l);j.execCommand("Paste");o.remove(l);if(l.innerHTML==="\uFEFF\uFEFF"){d.execCommand("mcePasteWord");s.preventDefault();return}k.setRng(t);k.setContent("");setTimeout(function(){h({content:l.innerHTML})},0);return tinymce.dom.Event.cancel(s)}else{function m(n){n.preventDefault()}o.bind(d.getDoc(),"mousedown",m);o.bind(d.getDoc(),"keydown",m);p=d.selection.getRng();l=l.firstChild;j=d.getDoc().createRange();j.setStart(l,0);j.setEnd(l,2);k.setRng(j);window.setTimeout(function(){var u="",n;if(!o.select("div.mcePaste > div.mcePaste").length){n=o.select("div.mcePaste");c(n,function(w){var v=w.firstChild;if(v&&v.nodeName=="DIV"&&v.style.marginTop&&v.style.backgroundColor){o.remove(v,1)}c(o.select("span.Apple-style-span",w),function(x){o.remove(x,1)});c(o.select("br[data-mce-bogus]",w),function(x){o.remove(x)});if(w.parentNode.className!="mcePaste"){u+=w.innerHTML}})}else{u="<p>"+o.encode(r).replace(/\r?\n\r?\n/g,"</p><p>").replace(/\r?\n/g,"<br />")+"</p>"}c(o.select("div.mcePaste"),function(v){o.remove(v)});if(p){k.setRng(p)}h({content:u});o.unbind(d.getDoc(),"mousedown",m);o.unbind(d.getDoc(),"keydown",m)},0)}}if(b(d,"paste_auto_cleanup_on_paste")){if(tinymce.isOpera||/Firefox\/2/.test(navigator.userAgent)){d.onKeyDown.addToTop(function(i,j){if(((tinymce.isMac?j.metaKey:j.ctrlKey)&&j.keyCode==86)||(j.shiftKey&&j.keyCode==45)){g(j)}})}else{d.onPaste.addToTop(function(i,j){return g(j)})}}d.onInit.add(function(){d.controlManager.setActive("pastetext",d.pasteAsPlainText);if(b(d,"paste_block_drop")){d.dom.bind(d.getBody(),["dragend","dragover","draggesture","dragdrop","drop","drag"],function(i){i.preventDefault();i.stopPropagation();return false})}});f._legacySupport()},getInfo:function(){return{longname:"Paste text/word",author:"Moxiecode Systems AB",authorurl:"http://tinymce.moxiecode.com",infourl:"http://wiki.moxiecode.com/index.php/TinyMCE:Plugins/paste",version:tinymce.majorVersion+"."+tinymce.minorVersion}},_preProcess:function(g,e){var k=this.editor,j=e.content,p=tinymce.grep,n=tinymce.explode,f=tinymce.trim,l,i;function d(h){c(h,function(o){if(o.constructor==RegExp){j=j.replace(o,"")}else{j=j.replace(o[0],o[1])}})}if(k.settings.paste_enable_default_filters==false){return}if(tinymce.isIE&&document.documentMode>=9){d([[/(?:<br> [\s\r\n]+|<br>)*(<\/?(h[1-6r]|p|div|address|pre|form|table|tbody|thead|tfoot|th|tr|td|li|ol|ul|caption|blockquote|center|dl|dt|dd|dir|fieldset)[^>]*>)(?:<br> [\s\r\n]+|<br>)*/g,"$1"]]);d([[/<br><br>/g,"<BR><BR>"],[/<br>/g," "],[/<BR><BR>/g,"<br>"]])}if(/class="?Mso|style="[^"]*\bmso-|w:WordDocument/i.test(j)||e.wordContent){e.wordContent=true;d([/^\s*( )+/gi,/( |<br[^>]*>)+\s*$/gi]);if(b(k,"paste_convert_headers_to_strong")){j=j.replace(/<p [^>]*class="?MsoHeading"?[^>]*>(.*?)<\/p>/gi,"<p><strong>$1</strong></p>")}if(b(k,"paste_convert_middot_lists")){d([[/<!--\[if !supportLists\]-->/gi,"$&__MCE_ITEM__"],[/(<span[^>]+(?:mso-list:|:\s*symbol)[^>]+>)/gi,"$1__MCE_ITEM__"],[/(<p[^>]+(?:MsoListParagraph)[^>]+>)/gi,"$1__MCE_ITEM__"]])}d([/<!--[\s\S]+?-->/gi,/<(!|script[^>]*>.*?<\/script(?=[>\s])|\/?(\?xml(:\w+)?|img|meta|link|style|\w:\w+)(?=[\s\/>]))[^>]*>/gi,[/<(\/?)s>/gi,"<$1strike>"],[/ /gi,"\u00a0"]]);do{l=j.length;j=j.replace(/(<[a-z][^>]*\s)(?:id|name|language|type|on\w+|\w+:\w+)=(?:"[^"]*"|\w+)\s?/gi,"$1")}while(l!=j.length);if(b(k,"paste_retain_style_properties").replace(/^none$/i,"").length==0){j=j.replace(/<\/?span[^>]*>/gi,"")}else{d([[/<span\s+style\s*=\s*"\s*mso-spacerun\s*:\s*yes\s*;?\s*"\s*>([\s\u00a0]*)<\/span>/gi,function(o,h){return(h.length>0)?h.replace(/./," ").slice(Math.floor(h.length/2)).split("").join("\u00a0"):""}],[/(<[a-z][^>]*)\sstyle="([^"]*)"/gi,function(t,h,r){var u=[],o=0,q=n(f(r).replace(/"/gi,"'"),";");c(q,function(s){var w,y,z=n(s,":");function x(A){return A+((A!=="0")&&(/\d$/.test(A)))?"px":""}if(z.length==2){w=z[0].toLowerCase();y=z[1].toLowerCase();switch(w){case"mso-padding-alt":case"mso-padding-top-alt":case"mso-padding-right-alt":case"mso-padding-bottom-alt":case"mso-padding-left-alt":case"mso-margin-alt":case"mso-margin-top-alt":case"mso-margin-right-alt":case"mso-margin-bottom-alt":case"mso-margin-left-alt":case"mso-table-layout-alt":case"mso-height":case"mso-width":case"mso-vertical-align-alt":u[o++]=w.replace(/^mso-|-alt$/g,"")+":"+x(y);return;case"horiz-align":u[o++]="text-align:"+y;return;case"vert-align":u[o++]="vertical-align:"+y;return;case"font-color":case"mso-foreground":u[o++]="color:"+y;return;case"mso-background":case"mso-highlight":u[o++]="background:"+y;return;case"mso-default-height":u[o++]="min-height:"+x(y);return;case"mso-default-width":u[o++]="min-width:"+x(y);return;case"mso-padding-between-alt":u[o++]="border-collapse:separate;border-spacing:"+x(y);return;case"text-line-through":if((y=="single")||(y=="double")){u[o++]="text-decoration:line-through"}return;case"mso-zero-height":if(y=="yes"){u[o++]="display:none"}return}if(/^(mso|column|font-emph|lang|layout|line-break|list-image|nav|panose|punct|row|ruby|sep|size|src|tab-|table-border|text-(?!align|decor|indent|trans)|top-bar|version|vnd|word-break)/.test(w)){return}u[o++]=w+":"+z[1]}});if(o>0){return h+' style="'+u.join(";")+'"'}else{return h}}]])}}if(b(k,"paste_convert_headers_to_strong")){d([[/<h[1-6][^>]*>/gi,"<p><strong>"],[/<\/h[1-6][^>]*>/gi,"</strong></p>"]])}d([[/Version:[\d.]+\nStartHTML:\d+\nEndHTML:\d+\nStartFragment:\d+\nEndFragment:\d+/gi,""]]);i=b(k,"paste_strip_class_attributes");if(i!=="none"){function m(q,o){if(i==="all"){return""}var h=p(n(o.replace(/^(["'])(.*)\1$/,"$2")," "),function(r){return(/^(?!mso)/i.test(r))});return h.length?' class="'+h.join(" ")+'"':""}j=j.replace(/ class="([^"]+)"/gi,m);j=j.replace(/ class=([\-\w]+)/gi,m)}if(b(k,"paste_remove_spans")){j=j.replace(/<\/?span[^>]*>/gi,"")}e.content=j},_postProcess:function(g,i){var f=this,e=f.editor,h=e.dom,d;if(e.settings.paste_enable_default_filters==false){return}if(i.wordContent){c(h.select("a",i.node),function(j){if(!j.href||j.href.indexOf("#_Toc")!=-1){h.remove(j,1)}});if(b(e,"paste_convert_middot_lists")){f._convertLists(g,i)}d=b(e,"paste_retain_style_properties");if((tinymce.is(d,"string"))&&(d!=="all")&&(d!=="*")){d=tinymce.explode(d.replace(/^none$/i,""));c(h.select("*",i.node),function(m){var n={},k=0,l,o,j;if(d){for(l=0;l<d.length;l++){o=d[l];j=h.getStyle(m,o);if(j){n[o]=j;k++}}}h.setAttrib(m,"style","");if(d&&k>0){h.setStyles(m,n)}else{if(m.nodeName=="SPAN"&&!m.className){h.remove(m,true)}}})}}if(b(e,"paste_remove_styles")||(b(e,"paste_remove_styles_if_webkit")&&tinymce.isWebKit)){c(h.select("*[style]",i.node),function(j){j.removeAttribute("style");j.removeAttribute("data-mce-style")})}else{if(tinymce.isWebKit){c(h.select("*",i.node),function(j){j.removeAttribute("data-mce-style")})}}},_convertLists:function(g,e){var i=g.editor.dom,h,l,d=-1,f,m=[],k,j;c(i.select("p",e.node),function(t){var q,u="",s,r,n,o;for(q=t.firstChild;q&&q.nodeType==3;q=q.nextSibling){u+=q.nodeValue}u=t.innerHTML.replace(/<\/?\w+[^>]*>/gi,"").replace(/ /g,"\u00a0");if(/^(__MCE_ITEM__)+[\u2022\u00b7\u00a7\u00d8o\u25CF]\s*\u00a0*/.test(u)){s="ul"}if(/^__MCE_ITEM__\s*\w+\.\s*\u00a0+/.test(u)){s="ol"}if(s){f=parseFloat(t.style.marginLeft||0);if(f>d){m.push(f)}if(!h||s!=k){h=i.create(s);i.insertAfter(h,t)}else{if(f>d){h=l.appendChild(i.create(s))}else{if(f<d){n=tinymce.inArray(m,f);o=i.getParents(h.parentNode,s);h=o[o.length-1-n]||h}}}c(i.select("span",t),function(v){var p=v.innerHTML.replace(/<\/?\w+[^>]*>/gi,"");if(s=="ul"&&/^__MCE_ITEM__[\u2022\u00b7\u00a7\u00d8o\u25CF]/.test(p)){i.remove(v)}else{if(/^__MCE_ITEM__[\s\S]*\w+\.( |\u00a0)*\s*/.test(p)){i.remove(v)}}});r=t.innerHTML;if(s=="ul"){r=t.innerHTML.replace(/__MCE_ITEM__/g,"").replace(/^[\u2022\u00b7\u00a7\u00d8o\u25CF]\s*( |\u00a0)+\s*/,"")}else{r=t.innerHTML.replace(/__MCE_ITEM__/g,"").replace(/^\s*\w+\.( |\u00a0)+\s*/,"")}l=h.appendChild(i.create("li",0,r));i.remove(t);d=f;k=s}else{h=d=0}});j=e.node.innerHTML;if(j.indexOf("__MCE_ITEM__")!=-1){e.node.innerHTML=j.replace(/__MCE_ITEM__/g,"")}},_insert:function(f,d){var e=this.editor,g=e.selection.getRng();if(!e.selection.isCollapsed()&&g.startContainer!=g.endContainer){e.getDoc().execCommand("Delete",false,null)}e.execCommand("mceInsertContent",false,f,{skip_undo:d})},_insertPlainText:function(g){var d=this.editor,e=b(d,"paste_text_linebreaktype"),i=b(d,"paste_text_replacements"),f=tinymce.is;function h(j){c(j,function(k){if(k.constructor==RegExp){g=g.replace(k,"")}else{g=g.replace(k[0],k[1])}})}if((typeof(g)==="string")&&(g.length>0)){if(/<(?:p|br|h[1-6]|ul|ol|dl|table|t[rdh]|div|blockquote|fieldset|pre|address|center)[^>]*>/i.test(g)){h([/[\n\r]+/g])}else{h([/\r+/g])}h([[/<\/(?:p|h[1-6]|ul|ol|dl|table|div|blockquote|fieldset|pre|address|center)>/gi,"\n\n"],[/<br[^>]*>|<\/tr>/gi,"\n"],[/<\/t[dh]>\s*<t[dh][^>]*>/gi,"\t"],/<[a-z!\/?][^>]*>/gi,[/ /gi," "],[/(?:(?!\n)\s)*(\n+)(?:(?!\n)\s)*/gi,"$1"],[/\n{3,}/g,"\n\n"]]);g=d.dom.decode(tinymce.html.Entities.encodeRaw(g));if(f(i,"array")){h(i)}else{if(f(i,"string")){h(new RegExp(i,"gi"))}}if(e=="none"){h([[/\n+/g," "]])}else{if(e=="br"){h([[/\n/g,"<br />"]])}else{if(e=="p"){h([[/\n+/g,"</p><p>"],[/^(.*<\/p>)(<p>)$/,"<p>$1"]])}else{h([[/\n\n/g,"</p><p>"],[/^(.*<\/p>)(<p>)$/,"<p>$1"],[/\n/g,"<br />"]])}}}d.execCommand("mceInsertContent",false,g)}},_legacySupport:function(){var e=this,d=e.editor;d.addCommand("mcePasteWord",function(){d.windowManager.open({file:e.url+"/pasteword.htm",width:parseInt(b(d,"paste_dialog_width")),height:parseInt(b(d,"paste_dialog_height")),inline:1})});if(b(d,"paste_text_use_dialog")){d.addCommand("mcePasteText",function(){d.windowManager.open({file:e.url+"/pastetext.htm",width:parseInt(b(d,"paste_dialog_width")),height:parseInt(b(d,"paste_dialog_height")),inline:1})})}d.addButton("pasteword",{title:"paste.paste_word_desc",cmd:"mcePasteWord"})}});tinymce.PluginManager.add("paste",tinymce.plugins.PastePlugin)})(); |
New file |
| | |
| | | /**
|
| | | * editor_plugin_src.js
|
| | | *
|
| | | * Copyright 2009, Moxiecode Systems AB
|
| | | * Released under LGPL License.
|
| | | *
|
| | | * License: http://tinymce.moxiecode.com/license
|
| | | * Contributing: http://tinymce.moxiecode.com/contributing
|
| | | */
|
| | |
|
| | | (function() {
|
| | | var each = tinymce.each,
|
| | | defs = {
|
| | | paste_auto_cleanup_on_paste : true,
|
| | | paste_enable_default_filters : true,
|
| | | paste_block_drop : false,
|
| | | paste_retain_style_properties : "none",
|
| | | paste_strip_class_attributes : "mso",
|
| | | paste_remove_spans : false,
|
| | | paste_remove_styles : false,
|
| | | paste_remove_styles_if_webkit : true,
|
| | | paste_convert_middot_lists : true,
|
| | | paste_convert_headers_to_strong : false,
|
| | | paste_dialog_width : "450",
|
| | | paste_dialog_height : "400",
|
| | | paste_text_use_dialog : false,
|
| | | paste_text_sticky : false,
|
| | | paste_text_sticky_default : false,
|
| | | paste_text_notifyalways : false,
|
| | | paste_text_linebreaktype : "combined",
|
| | | paste_text_replacements : [
|
| | | [/\u2026/g, "..."],
|
| | | [/[\x93\x94\u201c\u201d]/g, '"'],
|
| | | [/[\x60\x91\x92\u2018\u2019]/g, "'"]
|
| | | ]
|
| | | };
|
| | |
|
| | | function getParam(ed, name) {
|
| | | return ed.getParam(name, defs[name]);
|
| | | }
|
| | |
|
| | | tinymce.create('tinymce.plugins.PastePlugin', {
|
| | | init : function(ed, url) {
|
| | | var t = this;
|
| | |
|
| | | t.editor = ed;
|
| | | t.url = url;
|
| | |
|
| | | // Setup plugin events
|
| | | t.onPreProcess = new tinymce.util.Dispatcher(t);
|
| | | t.onPostProcess = new tinymce.util.Dispatcher(t);
|
| | |
|
| | | // Register default handlers
|
| | | t.onPreProcess.add(t._preProcess);
|
| | | t.onPostProcess.add(t._postProcess);
|
| | |
|
| | | // Register optional preprocess handler
|
| | | t.onPreProcess.add(function(pl, o) {
|
| | | ed.execCallback('paste_preprocess', pl, o);
|
| | | });
|
| | |
|
| | | // Register optional postprocess
|
| | | t.onPostProcess.add(function(pl, o) {
|
| | | ed.execCallback('paste_postprocess', pl, o);
|
| | | });
|
| | |
|
| | | ed.onKeyDown.addToTop(function(ed, e) {
|
| | | // Block ctrl+v from adding an undo level since the default logic in tinymce.Editor will add that
|
| | | if (((tinymce.isMac ? e.metaKey : e.ctrlKey) && e.keyCode == 86) || (e.shiftKey && e.keyCode == 45))
|
| | | return false; // Stop other listeners
|
| | | });
|
| | |
|
| | | // Initialize plain text flag
|
| | | ed.pasteAsPlainText = getParam(ed, 'paste_text_sticky_default');
|
| | |
|
| | | // This function executes the process handlers and inserts the contents
|
| | | // force_rich overrides plain text mode set by user, important for pasting with execCommand
|
| | | function process(o, force_rich) {
|
| | | var dom = ed.dom, rng;
|
| | |
|
| | | // Execute pre process handlers
|
| | | t.onPreProcess.dispatch(t, o);
|
| | |
|
| | | // Create DOM structure
|
| | | o.node = dom.create('div', 0, o.content);
|
| | |
|
| | | // If pasting inside the same element and the contents is only one block
|
| | | // remove the block and keep the text since Firefox will copy parts of pre and h1-h6 as a pre element
|
| | | if (tinymce.isGecko) {
|
| | | rng = ed.selection.getRng(true);
|
| | | if (rng.startContainer == rng.endContainer && rng.startContainer.nodeType == 3) {
|
| | | // Is only one block node and it doesn't contain word stuff
|
| | | if (o.node.childNodes.length === 1 && /^(p|h[1-6]|pre)$/i.test(o.node.firstChild.nodeName) && o.content.indexOf('__MCE_ITEM__') === -1)
|
| | | dom.remove(o.node.firstChild, true);
|
| | | }
|
| | | }
|
| | |
|
| | | // Execute post process handlers
|
| | | t.onPostProcess.dispatch(t, o);
|
| | |
|
| | | // Serialize content
|
| | | o.content = ed.serializer.serialize(o.node, {getInner : 1, forced_root_block : ''});
|
| | |
|
| | | // Plain text option active?
|
| | | if ((!force_rich) && (ed.pasteAsPlainText)) {
|
| | | t._insertPlainText(o.content);
|
| | |
|
| | | if (!getParam(ed, "paste_text_sticky")) {
|
| | | ed.pasteAsPlainText = false;
|
| | | ed.controlManager.setActive("pastetext", false);
|
| | | }
|
| | | } else {
|
| | | t._insert(o.content);
|
| | | }
|
| | | }
|
| | |
|
| | | // Add command for external usage
|
| | | ed.addCommand('mceInsertClipboardContent', function(u, o) {
|
| | | process(o, true);
|
| | | });
|
| | |
|
| | | if (!getParam(ed, "paste_text_use_dialog")) {
|
| | | ed.addCommand('mcePasteText', function(u, v) {
|
| | | var cookie = tinymce.util.Cookie;
|
| | |
|
| | | ed.pasteAsPlainText = !ed.pasteAsPlainText;
|
| | | ed.controlManager.setActive('pastetext', ed.pasteAsPlainText);
|
| | |
|
| | | if ((ed.pasteAsPlainText) && (!cookie.get("tinymcePasteText"))) {
|
| | | if (getParam(ed, "paste_text_sticky")) {
|
| | | ed.windowManager.alert(ed.translate('paste.plaintext_mode_sticky'));
|
| | | } else {
|
| | | ed.windowManager.alert(ed.translate('paste.plaintext_mode'));
|
| | | }
|
| | |
|
| | | if (!getParam(ed, "paste_text_notifyalways")) {
|
| | | cookie.set("tinymcePasteText", "1", new Date(new Date().getFullYear() + 1, 12, 31))
|
| | | }
|
| | | }
|
| | | });
|
| | | }
|
| | |
|
| | | ed.addButton('pastetext', {title: 'paste.paste_text_desc', cmd: 'mcePasteText'});
|
| | | ed.addButton('selectall', {title: 'paste.selectall_desc', cmd: 'selectall'});
|
| | |
|
| | | // This function grabs the contents from the clipboard by adding a
|
| | | // hidden div and placing the caret inside it and after the browser paste
|
| | | // is done it grabs that contents and processes that
|
| | | function grabContent(e) {
|
| | | var n, or, rng, oldRng, sel = ed.selection, dom = ed.dom, body = ed.getBody(), posY, textContent;
|
| | |
|
| | | // Check if browser supports direct plaintext access
|
| | | if (e.clipboardData || dom.doc.dataTransfer) {
|
| | | textContent = (e.clipboardData || dom.doc.dataTransfer).getData('Text');
|
| | |
|
| | | if (ed.pasteAsPlainText) {
|
| | | e.preventDefault();
|
| | | process({content : dom.encode(textContent).replace(/\r?\n/g, '<br />')});
|
| | | return;
|
| | | }
|
| | | }
|
| | |
|
| | | if (dom.get('_mcePaste'))
|
| | | return;
|
| | |
|
| | | // Create container to paste into
|
| | | n = dom.add(body, 'div', {id : '_mcePaste', 'class' : 'mcePaste', 'data-mce-bogus' : '1'}, '\uFEFF\uFEFF');
|
| | |
|
| | | // If contentEditable mode we need to find out the position of the closest element
|
| | | if (body != ed.getDoc().body)
|
| | | posY = dom.getPos(ed.selection.getStart(), body).y;
|
| | | else
|
| | | posY = body.scrollTop + dom.getViewPort(ed.getWin()).y;
|
| | |
|
| | | // Styles needs to be applied after the element is added to the document since WebKit will otherwise remove all styles
|
| | | // If also needs to be in view on IE or the paste would fail
|
| | | dom.setStyles(n, {
|
| | | position : 'absolute',
|
| | | left : tinymce.isGecko ? -40 : 0, // Need to move it out of site on Gecko since it will othewise display a ghost resize rect for the div
|
| | | top : posY - 25,
|
| | | width : 1,
|
| | | height : 1,
|
| | | overflow : 'hidden'
|
| | | });
|
| | |
|
| | | if (tinymce.isIE) {
|
| | | // Store away the old range
|
| | | oldRng = sel.getRng();
|
| | |
|
| | | // Select the container
|
| | | rng = dom.doc.body.createTextRange();
|
| | | rng.moveToElementText(n);
|
| | | rng.execCommand('Paste');
|
| | |
|
| | | // Remove container
|
| | | dom.remove(n);
|
| | |
|
| | | // Check if the contents was changed, if it wasn't then clipboard extraction failed probably due
|
| | | // to IE security settings so we pass the junk though better than nothing right
|
| | | if (n.innerHTML === '\uFEFF\uFEFF') {
|
| | | ed.execCommand('mcePasteWord');
|
| | | e.preventDefault();
|
| | | return;
|
| | | }
|
| | |
|
| | | // Restore the old range and clear the contents before pasting
|
| | | sel.setRng(oldRng);
|
| | | sel.setContent('');
|
| | |
|
| | | // For some odd reason we need to detach the the mceInsertContent call from the paste event
|
| | | // It's like IE has a reference to the parent element that you paste in and the selection gets messed up
|
| | | // when it tries to restore the selection
|
| | | setTimeout(function() {
|
| | | // Process contents
|
| | | process({content : n.innerHTML});
|
| | | }, 0);
|
| | |
|
| | | // Block the real paste event
|
| | | return tinymce.dom.Event.cancel(e);
|
| | | } else {
|
| | | function block(e) {
|
| | | e.preventDefault();
|
| | | };
|
| | |
|
| | | // Block mousedown and click to prevent selection change
|
| | | dom.bind(ed.getDoc(), 'mousedown', block);
|
| | | dom.bind(ed.getDoc(), 'keydown', block);
|
| | |
|
| | | or = ed.selection.getRng();
|
| | |
|
| | | // Move select contents inside DIV
|
| | | n = n.firstChild;
|
| | | rng = ed.getDoc().createRange();
|
| | | rng.setStart(n, 0);
|
| | | rng.setEnd(n, 2);
|
| | | sel.setRng(rng);
|
| | |
|
| | | // Wait a while and grab the pasted contents
|
| | | window.setTimeout(function() {
|
| | | var h = '', nl;
|
| | |
|
| | | // Paste divs duplicated in paste divs seems to happen when you paste plain text so lets first look for that broken behavior in WebKit
|
| | | if (!dom.select('div.mcePaste > div.mcePaste').length) {
|
| | | nl = dom.select('div.mcePaste');
|
| | |
|
| | | // WebKit will split the div into multiple ones so this will loop through then all and join them to get the whole HTML string
|
| | | each(nl, function(n) {
|
| | | var child = n.firstChild;
|
| | |
|
| | | // WebKit inserts a DIV container with lots of odd styles
|
| | | if (child && child.nodeName == 'DIV' && child.style.marginTop && child.style.backgroundColor) {
|
| | | dom.remove(child, 1);
|
| | | }
|
| | |
|
| | | // Remove apply style spans
|
| | | each(dom.select('span.Apple-style-span', n), function(n) {
|
| | | dom.remove(n, 1);
|
| | | });
|
| | |
|
| | | // Remove bogus br elements
|
| | | each(dom.select('br[data-mce-bogus]', n), function(n) {
|
| | | dom.remove(n);
|
| | | });
|
| | |
|
| | | // WebKit will make a copy of the DIV for each line of plain text pasted and insert them into the DIV
|
| | | if (n.parentNode.className != 'mcePaste')
|
| | | h += n.innerHTML;
|
| | | });
|
| | | } else {
|
| | | // Found WebKit weirdness so force the content into paragraphs this seems to happen when you paste plain text from Nodepad etc
|
| | | // So this logic will replace double enter with paragraphs and single enter with br so it kind of looks the same
|
| | | h = '<p>' + dom.encode(textContent).replace(/\r?\n\r?\n/g, '</p><p>').replace(/\r?\n/g, '<br />') + '</p>';
|
| | | }
|
| | |
|
| | | // Remove the nodes
|
| | | each(dom.select('div.mcePaste'), function(n) {
|
| | | dom.remove(n);
|
| | | });
|
| | |
|
| | | // Restore the old selection
|
| | | if (or)
|
| | | sel.setRng(or);
|
| | |
|
| | | process({content : h});
|
| | |
|
| | | // Unblock events ones we got the contents
|
| | | dom.unbind(ed.getDoc(), 'mousedown', block);
|
| | | dom.unbind(ed.getDoc(), 'keydown', block);
|
| | | }, 0);
|
| | | }
|
| | | }
|
| | |
|
| | | // Check if we should use the new auto process method |
| | | if (getParam(ed, "paste_auto_cleanup_on_paste")) {
|
| | | // Is it's Opera or older FF use key handler
|
| | | if (tinymce.isOpera || /Firefox\/2/.test(navigator.userAgent)) {
|
| | | ed.onKeyDown.addToTop(function(ed, e) {
|
| | | if (((tinymce.isMac ? e.metaKey : e.ctrlKey) && e.keyCode == 86) || (e.shiftKey && e.keyCode == 45))
|
| | | grabContent(e);
|
| | | });
|
| | | } else {
|
| | | // Grab contents on paste event on Gecko and WebKit
|
| | | ed.onPaste.addToTop(function(ed, e) {
|
| | | return grabContent(e);
|
| | | });
|
| | | }
|
| | | }
|
| | |
|
| | | ed.onInit.add(function() {
|
| | | ed.controlManager.setActive("pastetext", ed.pasteAsPlainText);
|
| | |
|
| | | // Block all drag/drop events
|
| | | if (getParam(ed, "paste_block_drop")) {
|
| | | ed.dom.bind(ed.getBody(), ['dragend', 'dragover', 'draggesture', 'dragdrop', 'drop', 'drag'], function(e) {
|
| | | e.preventDefault();
|
| | | e.stopPropagation();
|
| | |
|
| | | return false;
|
| | | });
|
| | | }
|
| | | });
|
| | |
|
| | | // Add legacy support
|
| | | t._legacySupport();
|
| | | },
|
| | |
|
| | | getInfo : function() {
|
| | | return {
|
| | | longname : 'Paste text/word',
|
| | | author : 'Moxiecode Systems AB',
|
| | | authorurl : 'http://tinymce.moxiecode.com',
|
| | | infourl : 'http://wiki.moxiecode.com/index.php/TinyMCE:Plugins/paste',
|
| | | version : tinymce.majorVersion + "." + tinymce.minorVersion
|
| | | };
|
| | | },
|
| | |
|
| | | _preProcess : function(pl, o) {
|
| | | var ed = this.editor,
|
| | | h = o.content,
|
| | | grep = tinymce.grep,
|
| | | explode = tinymce.explode,
|
| | | trim = tinymce.trim,
|
| | | len, stripClass;
|
| | |
|
| | | //console.log('Before preprocess:' + o.content);
|
| | |
|
| | | function process(items) {
|
| | | each(items, function(v) {
|
| | | // Remove or replace
|
| | | if (v.constructor == RegExp)
|
| | | h = h.replace(v, '');
|
| | | else
|
| | | h = h.replace(v[0], v[1]);
|
| | | });
|
| | | }
|
| | | |
| | | if (ed.settings.paste_enable_default_filters == false) {
|
| | | return;
|
| | | }
|
| | |
|
| | | // IE9 adds BRs before/after block elements when contents is pasted from word or for example another browser
|
| | | if (tinymce.isIE && document.documentMode >= 9) {
|
| | | // IE9 adds BRs before/after block elements when contents is pasted from word or for example another browser
|
| | | process([[/(?:<br> [\s\r\n]+|<br>)*(<\/?(h[1-6r]|p|div|address|pre|form|table|tbody|thead|tfoot|th|tr|td|li|ol|ul|caption|blockquote|center|dl|dt|dd|dir|fieldset)[^>]*>)(?:<br> [\s\r\n]+|<br>)*/g, '$1']]);
|
| | |
|
| | | // IE9 also adds an extra BR element for each soft-linefeed and it also adds a BR for each word wrap break
|
| | | process([
|
| | | [/<br><br>/g, '<BR><BR>'], // Replace multiple BR elements with uppercase BR to keep them intact
|
| | | [/<br>/g, ' '], // Replace single br elements with space since they are word wrap BR:s
|
| | | [/<BR><BR>/g, '<br>'] // Replace back the double brs but into a single BR
|
| | | ]);
|
| | | }
|
| | |
|
| | | // Detect Word content and process it more aggressive
|
| | | if (/class="?Mso|style="[^"]*\bmso-|w:WordDocument/i.test(h) || o.wordContent) {
|
| | | o.wordContent = true; // Mark the pasted contents as word specific content
|
| | | //console.log('Word contents detected.');
|
| | |
|
| | | // Process away some basic content
|
| | | process([
|
| | | /^\s*( )+/gi, // entities at the start of contents
|
| | | /( |<br[^>]*>)+\s*$/gi // entities at the end of contents
|
| | | ]);
|
| | |
|
| | | if (getParam(ed, "paste_convert_headers_to_strong")) {
|
| | | h = h.replace(/<p [^>]*class="?MsoHeading"?[^>]*>(.*?)<\/p>/gi, "<p><strong>$1</strong></p>");
|
| | | }
|
| | |
|
| | | if (getParam(ed, "paste_convert_middot_lists")) {
|
| | | process([
|
| | | [/<!--\[if !supportLists\]-->/gi, '$&__MCE_ITEM__'], // Convert supportLists to a list item marker
|
| | | [/(<span[^>]+(?:mso-list:|:\s*symbol)[^>]+>)/gi, '$1__MCE_ITEM__'], // Convert mso-list and symbol spans to item markers
|
| | | [/(<p[^>]+(?:MsoListParagraph)[^>]+>)/gi, '$1__MCE_ITEM__'] // Convert mso-list and symbol paragraphs to item markers (FF)
|
| | | ]);
|
| | | }
|
| | |
|
| | | process([
|
| | | // Word comments like conditional comments etc
|
| | | /<!--[\s\S]+?-->/gi,
|
| | |
|
| | | // Remove comments, scripts (e.g., msoShowComment), XML tag, VML content, MS Office namespaced tags, and a few other tags
|
| | | /<(!|script[^>]*>.*?<\/script(?=[>\s])|\/?(\?xml(:\w+)?|img|meta|link|style|\w:\w+)(?=[\s\/>]))[^>]*>/gi,
|
| | |
|
| | | // Convert <s> into <strike> for line-though
|
| | | [/<(\/?)s>/gi, "<$1strike>"],
|
| | |
|
| | | // Replace nsbp entites to char since it's easier to handle
|
| | | [/ /gi, "\u00a0"]
|
| | | ]);
|
| | |
|
| | | // Remove bad attributes, with or without quotes, ensuring that attribute text is really inside a tag.
|
| | | // If JavaScript had a RegExp look-behind, we could have integrated this with the last process() array and got rid of the loop. But alas, it does not, so we cannot.
|
| | | do {
|
| | | len = h.length;
|
| | | h = h.replace(/(<[a-z][^>]*\s)(?:id|name|language|type|on\w+|\w+:\w+)=(?:"[^"]*"|\w+)\s?/gi, "$1");
|
| | | } while (len != h.length);
|
| | |
|
| | | // Remove all spans if no styles is to be retained
|
| | | if (getParam(ed, "paste_retain_style_properties").replace(/^none$/i, "").length == 0) {
|
| | | h = h.replace(/<\/?span[^>]*>/gi, "");
|
| | | } else {
|
| | | // We're keeping styles, so at least clean them up.
|
| | | // CSS Reference: http://msdn.microsoft.com/en-us/library/aa155477.aspx
|
| | |
|
| | | process([
|
| | | // Convert <span style="mso-spacerun:yes">___</span> to string of alternating breaking/non-breaking spaces of same length
|
| | | [/<span\s+style\s*=\s*"\s*mso-spacerun\s*:\s*yes\s*;?\s*"\s*>([\s\u00a0]*)<\/span>/gi,
|
| | | function(str, spaces) {
|
| | | return (spaces.length > 0)? spaces.replace(/./, " ").slice(Math.floor(spaces.length/2)).split("").join("\u00a0") : "";
|
| | | }
|
| | | ],
|
| | |
|
| | | // Examine all styles: delete junk, transform some, and keep the rest
|
| | | [/(<[a-z][^>]*)\sstyle="([^"]*)"/gi,
|
| | | function(str, tag, style) {
|
| | | var n = [],
|
| | | i = 0,
|
| | | s = explode(trim(style).replace(/"/gi, "'"), ";");
|
| | |
|
| | | // Examine each style definition within the tag's style attribute
|
| | | each(s, function(v) {
|
| | | var name, value,
|
| | | parts = explode(v, ":");
|
| | |
|
| | | function ensureUnits(v) {
|
| | | return v + ((v !== "0") && (/\d$/.test(v)))? "px" : "";
|
| | | }
|
| | |
|
| | | if (parts.length == 2) {
|
| | | name = parts[0].toLowerCase();
|
| | | value = parts[1].toLowerCase();
|
| | |
|
| | | // Translate certain MS Office styles into their CSS equivalents
|
| | | switch (name) {
|
| | | case "mso-padding-alt":
|
| | | case "mso-padding-top-alt":
|
| | | case "mso-padding-right-alt":
|
| | | case "mso-padding-bottom-alt":
|
| | | case "mso-padding-left-alt":
|
| | | case "mso-margin-alt":
|
| | | case "mso-margin-top-alt":
|
| | | case "mso-margin-right-alt":
|
| | | case "mso-margin-bottom-alt":
|
| | | case "mso-margin-left-alt":
|
| | | case "mso-table-layout-alt":
|
| | | case "mso-height":
|
| | | case "mso-width":
|
| | | case "mso-vertical-align-alt":
|
| | | n[i++] = name.replace(/^mso-|-alt$/g, "") + ":" + ensureUnits(value);
|
| | | return;
|
| | |
|
| | | case "horiz-align":
|
| | | n[i++] = "text-align:" + value;
|
| | | return;
|
| | |
|
| | | case "vert-align":
|
| | | n[i++] = "vertical-align:" + value;
|
| | | return;
|
| | |
|
| | | case "font-color":
|
| | | case "mso-foreground":
|
| | | n[i++] = "color:" + value;
|
| | | return;
|
| | |
|
| | | case "mso-background":
|
| | | case "mso-highlight":
|
| | | n[i++] = "background:" + value;
|
| | | return;
|
| | |
|
| | | case "mso-default-height":
|
| | | n[i++] = "min-height:" + ensureUnits(value);
|
| | | return;
|
| | |
|
| | | case "mso-default-width":
|
| | | n[i++] = "min-width:" + ensureUnits(value);
|
| | | return;
|
| | |
|
| | | case "mso-padding-between-alt":
|
| | | n[i++] = "border-collapse:separate;border-spacing:" + ensureUnits(value);
|
| | | return;
|
| | |
|
| | | case "text-line-through":
|
| | | if ((value == "single") || (value == "double")) {
|
| | | n[i++] = "text-decoration:line-through";
|
| | | }
|
| | | return;
|
| | |
|
| | | case "mso-zero-height":
|
| | | if (value == "yes") {
|
| | | n[i++] = "display:none";
|
| | | }
|
| | | return;
|
| | | }
|
| | |
|
| | | // Eliminate all MS Office style definitions that have no CSS equivalent by examining the first characters in the name
|
| | | if (/^(mso|column|font-emph|lang|layout|line-break|list-image|nav|panose|punct|row|ruby|sep|size|src|tab-|table-border|text-(?!align|decor|indent|trans)|top-bar|version|vnd|word-break)/.test(name)) {
|
| | | return;
|
| | | }
|
| | |
|
| | | // If it reached this point, it must be a valid CSS style
|
| | | n[i++] = name + ":" + parts[1]; // Lower-case name, but keep value case
|
| | | }
|
| | | });
|
| | |
|
| | | // If style attribute contained any valid styles the re-write it; otherwise delete style attribute.
|
| | | if (i > 0) {
|
| | | return tag + ' style="' + n.join(';') + '"';
|
| | | } else {
|
| | | return tag;
|
| | | }
|
| | | }
|
| | | ]
|
| | | ]);
|
| | | }
|
| | | }
|
| | |
|
| | | // Replace headers with <strong>
|
| | | if (getParam(ed, "paste_convert_headers_to_strong")) {
|
| | | process([
|
| | | [/<h[1-6][^>]*>/gi, "<p><strong>"],
|
| | | [/<\/h[1-6][^>]*>/gi, "</strong></p>"]
|
| | | ]);
|
| | | }
|
| | |
|
| | | process([
|
| | | // Copy paste from Java like Open Office will produce this junk on FF
|
| | | [/Version:[\d.]+\nStartHTML:\d+\nEndHTML:\d+\nStartFragment:\d+\nEndFragment:\d+/gi, '']
|
| | | ]);
|
| | |
|
| | | // Class attribute options are: leave all as-is ("none"), remove all ("all"), or remove only those starting with mso ("mso").
|
| | | // Note:- paste_strip_class_attributes: "none", verify_css_classes: true is also a good variation.
|
| | | stripClass = getParam(ed, "paste_strip_class_attributes");
|
| | |
|
| | | if (stripClass !== "none") {
|
| | | function removeClasses(match, g1) {
|
| | | if (stripClass === "all")
|
| | | return '';
|
| | |
|
| | | var cls = grep(explode(g1.replace(/^(["'])(.*)\1$/, "$2"), " "),
|
| | | function(v) {
|
| | | return (/^(?!mso)/i.test(v));
|
| | | }
|
| | | );
|
| | |
|
| | | return cls.length ? ' class="' + cls.join(" ") + '"' : '';
|
| | | };
|
| | |
|
| | | h = h.replace(/ class="([^"]+)"/gi, removeClasses);
|
| | | h = h.replace(/ class=([\-\w]+)/gi, removeClasses);
|
| | | }
|
| | |
|
| | | // Remove spans option
|
| | | if (getParam(ed, "paste_remove_spans")) {
|
| | | h = h.replace(/<\/?span[^>]*>/gi, "");
|
| | | }
|
| | |
|
| | | //console.log('After preprocess:' + h);
|
| | |
|
| | | o.content = h;
|
| | | },
|
| | |
|
| | | /**
|
| | | * Various post process items.
|
| | | */
|
| | | _postProcess : function(pl, o) {
|
| | | var t = this, ed = t.editor, dom = ed.dom, styleProps;
|
| | |
|
| | | if (ed.settings.paste_enable_default_filters == false) {
|
| | | return;
|
| | | }
|
| | | |
| | | if (o.wordContent) {
|
| | | // Remove named anchors or TOC links
|
| | | each(dom.select('a', o.node), function(a) {
|
| | | if (!a.href || a.href.indexOf('#_Toc') != -1)
|
| | | dom.remove(a, 1);
|
| | | });
|
| | |
|
| | | if (getParam(ed, "paste_convert_middot_lists")) {
|
| | | t._convertLists(pl, o);
|
| | | }
|
| | |
|
| | | // Process styles
|
| | | styleProps = getParam(ed, "paste_retain_style_properties"); // retained properties
|
| | |
|
| | | // Process only if a string was specified and not equal to "all" or "*"
|
| | | if ((tinymce.is(styleProps, "string")) && (styleProps !== "all") && (styleProps !== "*")) {
|
| | | styleProps = tinymce.explode(styleProps.replace(/^none$/i, ""));
|
| | |
|
| | | // Retains some style properties
|
| | | each(dom.select('*', o.node), function(el) {
|
| | | var newStyle = {}, npc = 0, i, sp, sv;
|
| | |
|
| | | // Store a subset of the existing styles
|
| | | if (styleProps) {
|
| | | for (i = 0; i < styleProps.length; i++) {
|
| | | sp = styleProps[i];
|
| | | sv = dom.getStyle(el, sp);
|
| | |
|
| | | if (sv) {
|
| | | newStyle[sp] = sv;
|
| | | npc++;
|
| | | }
|
| | | }
|
| | | }
|
| | |
|
| | | // Remove all of the existing styles
|
| | | dom.setAttrib(el, 'style', '');
|
| | |
|
| | | if (styleProps && npc > 0)
|
| | | dom.setStyles(el, newStyle); // Add back the stored subset of styles
|
| | | else // Remove empty span tags that do not have class attributes
|
| | | if (el.nodeName == 'SPAN' && !el.className)
|
| | | dom.remove(el, true);
|
| | | });
|
| | | }
|
| | | }
|
| | |
|
| | | // Remove all style information or only specifically on WebKit to avoid the style bug on that browser
|
| | | if (getParam(ed, "paste_remove_styles") || (getParam(ed, "paste_remove_styles_if_webkit") && tinymce.isWebKit)) {
|
| | | each(dom.select('*[style]', o.node), function(el) {
|
| | | el.removeAttribute('style');
|
| | | el.removeAttribute('data-mce-style');
|
| | | });
|
| | | } else {
|
| | | if (tinymce.isWebKit) {
|
| | | // We need to compress the styles on WebKit since if you paste <img border="0" /> it will become <img border="0" style="... lots of junk ..." />
|
| | | // Removing the mce_style that contains the real value will force the Serializer engine to compress the styles
|
| | | each(dom.select('*', o.node), function(el) {
|
| | | el.removeAttribute('data-mce-style');
|
| | | });
|
| | | }
|
| | | }
|
| | | },
|
| | |
|
| | | /**
|
| | | * Converts the most common bullet and number formats in Office into a real semantic UL/LI list.
|
| | | */
|
| | | _convertLists : function(pl, o) {
|
| | | var dom = pl.editor.dom, listElm, li, lastMargin = -1, margin, levels = [], lastType, html;
|
| | |
|
| | | // Convert middot lists into real semantic lists
|
| | | each(dom.select('p', o.node), function(p) {
|
| | | var sib, val = '', type, html, idx, parents;
|
| | |
|
| | | // Get text node value at beginning of paragraph
|
| | | for (sib = p.firstChild; sib && sib.nodeType == 3; sib = sib.nextSibling)
|
| | | val += sib.nodeValue;
|
| | |
|
| | | val = p.innerHTML.replace(/<\/?\w+[^>]*>/gi, '').replace(/ /g, '\u00a0');
|
| | |
|
| | | // Detect unordered lists look for bullets
|
| | | if (/^(__MCE_ITEM__)+[\u2022\u00b7\u00a7\u00d8o\u25CF]\s*\u00a0*/.test(val))
|
| | | type = 'ul';
|
| | |
|
| | | // Detect ordered lists 1., a. or ixv.
|
| | | if (/^__MCE_ITEM__\s*\w+\.\s*\u00a0+/.test(val))
|
| | | type = 'ol';
|
| | |
|
| | | // Check if node value matches the list pattern: o
|
| | | if (type) {
|
| | | margin = parseFloat(p.style.marginLeft || 0);
|
| | |
|
| | | if (margin > lastMargin)
|
| | | levels.push(margin);
|
| | |
|
| | | if (!listElm || type != lastType) {
|
| | | listElm = dom.create(type);
|
| | | dom.insertAfter(listElm, p);
|
| | | } else {
|
| | | // Nested list element
|
| | | if (margin > lastMargin) {
|
| | | listElm = li.appendChild(dom.create(type));
|
| | | } else if (margin < lastMargin) {
|
| | | // Find parent level based on margin value
|
| | | idx = tinymce.inArray(levels, margin);
|
| | | parents = dom.getParents(listElm.parentNode, type);
|
| | | listElm = parents[parents.length - 1 - idx] || listElm;
|
| | | }
|
| | | }
|
| | |
|
| | | // Remove middot or number spans if they exists
|
| | | each(dom.select('span', p), function(span) {
|
| | | var html = span.innerHTML.replace(/<\/?\w+[^>]*>/gi, '');
|
| | |
|
| | | // Remove span with the middot or the number
|
| | | if (type == 'ul' && /^__MCE_ITEM__[\u2022\u00b7\u00a7\u00d8o\u25CF]/.test(html))
|
| | | dom.remove(span);
|
| | | else if (/^__MCE_ITEM__[\s\S]*\w+\.( |\u00a0)*\s*/.test(html))
|
| | | dom.remove(span);
|
| | | });
|
| | |
|
| | | html = p.innerHTML;
|
| | |
|
| | | // Remove middot/list items
|
| | | if (type == 'ul')
|
| | | html = p.innerHTML.replace(/__MCE_ITEM__/g, '').replace(/^[\u2022\u00b7\u00a7\u00d8o\u25CF]\s*( |\u00a0)+\s*/, '');
|
| | | else
|
| | | html = p.innerHTML.replace(/__MCE_ITEM__/g, '').replace(/^\s*\w+\.( |\u00a0)+\s*/, '');
|
| | |
|
| | | // Create li and add paragraph data into the new li
|
| | | li = listElm.appendChild(dom.create('li', 0, html));
|
| | | dom.remove(p);
|
| | |
|
| | | lastMargin = margin;
|
| | | lastType = type;
|
| | | } else
|
| | | listElm = lastMargin = 0; // End list element
|
| | | });
|
| | |
|
| | | // Remove any left over makers
|
| | | html = o.node.innerHTML;
|
| | | if (html.indexOf('__MCE_ITEM__') != -1)
|
| | | o.node.innerHTML = html.replace(/__MCE_ITEM__/g, '');
|
| | | },
|
| | |
|
| | | /**
|
| | | * Inserts the specified contents at the caret position.
|
| | | */
|
| | | _insert : function(h, skip_undo) {
|
| | | var ed = this.editor, r = ed.selection.getRng();
|
| | |
|
| | | // First delete the contents seems to work better on WebKit when the selection spans multiple list items or multiple table cells.
|
| | | if (!ed.selection.isCollapsed() && r.startContainer != r.endContainer)
|
| | | ed.getDoc().execCommand('Delete', false, null);
|
| | |
|
| | | ed.execCommand('mceInsertContent', false, h, {skip_undo : skip_undo});
|
| | | },
|
| | |
|
| | | /**
|
| | | * Instead of the old plain text method which tried to re-create a paste operation, the
|
| | | * new approach adds a plain text mode toggle switch that changes the behavior of paste.
|
| | | * This function is passed the same input that the regular paste plugin produces.
|
| | | * It performs additional scrubbing and produces (and inserts) the plain text.
|
| | | * This approach leverages all of the great existing functionality in the paste
|
| | | * plugin, and requires minimal changes to add the new functionality.
|
| | | * Speednet - June 2009
|
| | | */
|
| | | _insertPlainText : function(content) {
|
| | | var ed = this.editor,
|
| | | linebr = getParam(ed, "paste_text_linebreaktype"),
|
| | | rl = getParam(ed, "paste_text_replacements"),
|
| | | is = tinymce.is;
|
| | |
|
| | | function process(items) {
|
| | | each(items, function(v) {
|
| | | if (v.constructor == RegExp)
|
| | | content = content.replace(v, "");
|
| | | else
|
| | | content = content.replace(v[0], v[1]);
|
| | | });
|
| | | };
|
| | |
|
| | | if ((typeof(content) === "string") && (content.length > 0)) {
|
| | | // If HTML content with line-breaking tags, then remove all cr/lf chars because only tags will break a line
|
| | | if (/<(?:p|br|h[1-6]|ul|ol|dl|table|t[rdh]|div|blockquote|fieldset|pre|address|center)[^>]*>/i.test(content)) {
|
| | | process([
|
| | | /[\n\r]+/g
|
| | | ]);
|
| | | } else {
|
| | | // Otherwise just get rid of carriage returns (only need linefeeds)
|
| | | process([
|
| | | /\r+/g
|
| | | ]);
|
| | | }
|
| | |
|
| | | process([
|
| | | [/<\/(?:p|h[1-6]|ul|ol|dl|table|div|blockquote|fieldset|pre|address|center)>/gi, "\n\n"], // Block tags get a blank line after them
|
| | | [/<br[^>]*>|<\/tr>/gi, "\n"], // Single linebreak for <br /> tags and table rows
|
| | | [/<\/t[dh]>\s*<t[dh][^>]*>/gi, "\t"], // Table cells get tabs betweem them
|
| | | /<[a-z!\/?][^>]*>/gi, // Delete all remaining tags
|
| | | [/ /gi, " "], // Convert non-break spaces to regular spaces (remember, *plain text*)
|
| | | [/(?:(?!\n)\s)*(\n+)(?:(?!\n)\s)*/gi, "$1"],// Cool little RegExp deletes whitespace around linebreak chars.
|
| | | [/\n{3,}/g, "\n\n"] // Max. 2 consecutive linebreaks
|
| | | ]);
|
| | |
|
| | | content = ed.dom.decode(tinymce.html.Entities.encodeRaw(content));
|
| | |
|
| | | // Perform default or custom replacements
|
| | | if (is(rl, "array")) {
|
| | | process(rl);
|
| | | } else if (is(rl, "string")) {
|
| | | process(new RegExp(rl, "gi"));
|
| | | }
|
| | |
|
| | | // Treat paragraphs as specified in the config
|
| | | if (linebr == "none") {
|
| | | // Convert all line breaks to space
|
| | | process([
|
| | | [/\n+/g, " "]
|
| | | ]);
|
| | | } else if (linebr == "br") {
|
| | | // Convert all line breaks to <br />
|
| | | process([
|
| | | [/\n/g, "<br />"]
|
| | | ]);
|
| | | } else if (linebr == "p") {
|
| | | // Convert all line breaks to <p>...</p>
|
| | | process([
|
| | | [/\n+/g, "</p><p>"],
|
| | | [/^(.*<\/p>)(<p>)$/, '<p>$1']
|
| | | ]);
|
| | | } else {
|
| | | // defaults to "combined"
|
| | | // Convert single line breaks to <br /> and double line breaks to <p>...</p>
|
| | | process([
|
| | | [/\n\n/g, "</p><p>"],
|
| | | [/^(.*<\/p>)(<p>)$/, '<p>$1'],
|
| | | [/\n/g, "<br />"]
|
| | | ]);
|
| | | }
|
| | |
|
| | | ed.execCommand('mceInsertContent', false, content);
|
| | | }
|
| | | },
|
| | |
|
| | | /**
|
| | | * This method will open the old style paste dialogs. Some users might want the old behavior but still use the new cleanup engine.
|
| | | */
|
| | | _legacySupport : function() {
|
| | | var t = this, ed = t.editor;
|
| | |
|
| | | // Register command(s) for backwards compatibility
|
| | | ed.addCommand("mcePasteWord", function() {
|
| | | ed.windowManager.open({
|
| | | file: t.url + "/pasteword.htm",
|
| | | width: parseInt(getParam(ed, "paste_dialog_width")),
|
| | | height: parseInt(getParam(ed, "paste_dialog_height")),
|
| | | inline: 1
|
| | | });
|
| | | });
|
| | |
|
| | | if (getParam(ed, "paste_text_use_dialog")) {
|
| | | ed.addCommand("mcePasteText", function() {
|
| | | ed.windowManager.open({
|
| | | file : t.url + "/pastetext.htm",
|
| | | width: parseInt(getParam(ed, "paste_dialog_width")),
|
| | | height: parseInt(getParam(ed, "paste_dialog_height")),
|
| | | inline : 1
|
| | | });
|
| | | });
|
| | | }
|
| | |
|
| | | // Register button for backwards compatibility
|
| | | ed.addButton("pasteword", {title : "paste.paste_word_desc", cmd : "mcePasteWord"});
|
| | | }
|
| | | });
|
| | |
|
| | | // Register plugin
|
| | | tinymce.PluginManager.add("paste", tinymce.plugins.PastePlugin);
|
| | | })();
|
New file |
| | |
| | | tinyMCEPopup.requireLangPack();
|
| | |
|
| | | var PasteTextDialog = {
|
| | | init : function() {
|
| | | this.resize();
|
| | | },
|
| | |
|
| | | insert : function() {
|
| | | var h = tinyMCEPopup.dom.encode(document.getElementById('content').value), lines;
|
| | |
|
| | | // Convert linebreaks into paragraphs
|
| | | if (document.getElementById('linebreaks').checked) {
|
| | | lines = h.split(/\r?\n/);
|
| | | if (lines.length > 1) {
|
| | | h = '';
|
| | | tinymce.each(lines, function(row) {
|
| | | h += '<p>' + row + '</p>';
|
| | | });
|
| | | }
|
| | | }
|
| | |
|
| | | tinyMCEPopup.editor.execCommand('mceInsertClipboardContent', false, {content : h});
|
| | | tinyMCEPopup.close();
|
| | | },
|
| | |
|
| | | resize : function() {
|
| | | var vp = tinyMCEPopup.dom.getViewPort(window), el;
|
| | |
|
| | | el = document.getElementById('content');
|
| | |
|
| | | el.style.width = (vp.w - 20) + 'px';
|
| | | el.style.height = (vp.h - 90) + 'px';
|
| | | }
|
| | | };
|
| | |
|
| | | tinyMCEPopup.onInit.add(PasteTextDialog.init, PasteTextDialog);
|
New file |
| | |
| | | tinyMCEPopup.requireLangPack();
|
| | |
|
| | | var PasteWordDialog = {
|
| | | init : function() {
|
| | | var ed = tinyMCEPopup.editor, el = document.getElementById('iframecontainer'), ifr, doc, css, cssHTML = '';
|
| | |
|
| | | // Create iframe
|
| | | el.innerHTML = '<iframe id="iframe" src="javascript:\'\';" frameBorder="0" style="border: 1px solid gray"></iframe>';
|
| | | ifr = document.getElementById('iframe');
|
| | | doc = ifr.contentWindow.document;
|
| | |
|
| | | // Force absolute CSS urls
|
| | | css = [ed.baseURI.toAbsolute("themes/" + ed.settings.theme + "/skins/" + ed.settings.skin + "/content.css")];
|
| | | css = css.concat(tinymce.explode(ed.settings.content_css) || []);
|
| | | tinymce.each(css, function(u) {
|
| | | cssHTML += '<link href="' + ed.documentBaseURI.toAbsolute('' + u) + '" rel="stylesheet" type="text/css" />';
|
| | | });
|
| | |
|
| | | // Write content into iframe
|
| | | doc.open();
|
| | | doc.write('<html><head>' + cssHTML + '</head><body class="mceContentBody" spellcheck="false"></body></html>');
|
| | | doc.close();
|
| | |
|
| | | doc.designMode = 'on';
|
| | | this.resize();
|
| | |
|
| | | window.setTimeout(function() {
|
| | | ifr.contentWindow.focus();
|
| | | }, 10);
|
| | | },
|
| | |
|
| | | insert : function() {
|
| | | var h = document.getElementById('iframe').contentWindow.document.body.innerHTML;
|
| | |
|
| | | tinyMCEPopup.editor.execCommand('mceInsertClipboardContent', false, {content : h, wordContent : true});
|
| | | tinyMCEPopup.close();
|
| | | },
|
| | |
|
| | | resize : function() {
|
| | | var vp = tinyMCEPopup.dom.getViewPort(window), el;
|
| | |
|
| | | el = document.getElementById('iframe');
|
| | |
|
| | | if (el) {
|
| | | el.style.width = (vp.w - 20) + 'px';
|
| | | el.style.height = (vp.h - 90) + 'px';
|
| | | }
|
| | | }
|
| | | };
|
| | |
|
| | | tinyMCEPopup.onInit.add(PasteWordDialog.init, PasteWordDialog);
|
New file |
| | |
| | | tinyMCE.addI18n('en.paste_dlg',{"word_title":"Use Ctrl+V on your keyboard to paste the text into the window.","text_linebreaks":"Keep Linebreaks","text_title":"Use Ctrl+V on your keyboard to paste the text into the window."}); |
New file |
| | |
| | | <html xmlns="http://www.w3.org/1999/xhtml">
|
| | | <head>
|
| | | <title>{#paste.paste_text_desc}</title>
|
| | | <script type="text/javascript" src="../../tiny_mce_popup.js"></script>
|
| | | <script type="text/javascript" src="js/pastetext.js"></script>
|
| | | </head>
|
| | | <body onresize="PasteTextDialog.resize();" style="display:none; overflow:hidden;">
|
| | | <form name="source" onsubmit="return PasteTextDialog.insert();" action="#">
|
| | | <div style="float: left" class="title">{#paste.paste_text_desc}</div>
|
| | |
|
| | | <div style="float: right">
|
| | | <input type="checkbox" name="linebreaks" id="linebreaks" class="wordWrapCode" checked="checked" /><label for="linebreaks">{#paste_dlg.text_linebreaks}</label>
|
| | | </div>
|
| | |
|
| | | <br style="clear: both" />
|
| | |
|
| | | <div>{#paste_dlg.text_title}</div>
|
| | |
|
| | | <textarea id="content" name="content" rows="15" cols="100" style="width: 100%; height: 100%; font-family: 'Courier New',Courier,mono; font-size: 12px;" dir="ltr" wrap="soft" class="mceFocus"></textarea>
|
| | |
|
| | | <div class="mceActionPanel">
|
| | | <input type="submit" name="insert" value="{#insert}" id="insert" />
|
| | | <input type="button" name="cancel" value="{#cancel}" onclick="tinyMCEPopup.close();" id="cancel" />
|
| | | </div>
|
| | | </form>
|
| | | </body> |
| | | </html> |
New file |
| | |
| | | <html xmlns="http://www.w3.org/1999/xhtml">
|
| | | <head>
|
| | | <title>{#paste.paste_word_desc}</title>
|
| | | <script type="text/javascript" src="../../tiny_mce_popup.js"></script>
|
| | | <script type="text/javascript" src="js/pasteword.js"></script>
|
| | | </head>
|
| | | <body onresize="PasteWordDialog.resize();" style="display:none; overflow:hidden;">
|
| | | <form name="source" onsubmit="return PasteWordDialog.insert();" action="#">
|
| | | <div class="title">{#paste.paste_word_desc}</div>
|
| | |
|
| | | <div>{#paste_dlg.word_title}</div>
|
| | |
|
| | | <div id="iframecontainer"></div>
|
| | |
|
| | | <div class="mceActionPanel">
|
| | | <input type="submit" id="insert" name="insert" value="{#insert}" />
|
| | | <input type="button" id="cancel" name="cancel" value="{#cancel}" onclick="tinyMCEPopup.close();" />
|
| | | </div>
|
| | | </form>
|
| | | </body>
|
| | | </html>
|
New file |
| | |
| | | (function(){tinymce.create("tinymce.plugins.Preview",{init:function(a,b){var d=this,c=tinymce.explode(a.settings.content_css);d.editor=a;tinymce.each(c,function(f,e){c[e]=a.documentBaseURI.toAbsolute(f)});a.addCommand("mcePreview",function(){a.windowManager.open({file:a.getParam("plugin_preview_pageurl",b+"/preview.html"),width:parseInt(a.getParam("plugin_preview_width","550")),height:parseInt(a.getParam("plugin_preview_height","600")),resizable:"yes",scrollbars:"yes",popup_css:c?c.join(","):a.baseURI.toAbsolute("themes/"+a.settings.theme+"/skins/"+a.settings.skin+"/content.css"),inline:a.getParam("plugin_preview_inline",1)},{base:a.documentBaseURI.getURI()})});a.addButton("preview",{title:"preview.preview_desc",cmd:"mcePreview"})},getInfo:function(){return{longname:"Preview",author:"Moxiecode Systems AB",authorurl:"http://tinymce.moxiecode.com",infourl:"http://wiki.moxiecode.com/index.php/TinyMCE:Plugins/preview",version:tinymce.majorVersion+"."+tinymce.minorVersion}}});tinymce.PluginManager.add("preview",tinymce.plugins.Preview)})(); |
New file |
| | |
| | | /** |
| | | * editor_plugin_src.js |
| | | * |
| | | * Copyright 2009, Moxiecode Systems AB |
| | | * Released under LGPL License. |
| | | * |
| | | * License: http://tinymce.moxiecode.com/license |
| | | * Contributing: http://tinymce.moxiecode.com/contributing |
| | | */ |
| | | |
| | | (function() { |
| | | tinymce.create('tinymce.plugins.Preview', { |
| | | init : function(ed, url) { |
| | | var t = this, css = tinymce.explode(ed.settings.content_css); |
| | | |
| | | t.editor = ed; |
| | | |
| | | // Force absolute CSS urls |
| | | tinymce.each(css, function(u, k) { |
| | | css[k] = ed.documentBaseURI.toAbsolute(u); |
| | | }); |
| | | |
| | | ed.addCommand('mcePreview', function() { |
| | | ed.windowManager.open({ |
| | | file : ed.getParam("plugin_preview_pageurl", url + "/preview.html"), |
| | | width : parseInt(ed.getParam("plugin_preview_width", "550")), |
| | | height : parseInt(ed.getParam("plugin_preview_height", "600")), |
| | | resizable : "yes", |
| | | scrollbars : "yes", |
| | | popup_css : css ? css.join(',') : ed.baseURI.toAbsolute("themes/" + ed.settings.theme + "/skins/" + ed.settings.skin + "/content.css"), |
| | | inline : ed.getParam("plugin_preview_inline", 1) |
| | | }, { |
| | | base : ed.documentBaseURI.getURI() |
| | | }); |
| | | }); |
| | | |
| | | ed.addButton('preview', {title : 'preview.preview_desc', cmd : 'mcePreview'}); |
| | | }, |
| | | |
| | | getInfo : function() { |
| | | return { |
| | | longname : 'Preview', |
| | | author : 'Moxiecode Systems AB', |
| | | authorurl : 'http://tinymce.moxiecode.com', |
| | | infourl : 'http://wiki.moxiecode.com/index.php/TinyMCE:Plugins/preview', |
| | | version : tinymce.majorVersion + "." + tinymce.minorVersion |
| | | }; |
| | | } |
| | | }); |
| | | |
| | | // Register plugin |
| | | tinymce.PluginManager.add('preview', tinymce.plugins.Preview); |
| | | })(); |
New file |
| | |
| | | <html xmlns="http://www.w3.org/1999/xhtml">
|
| | | <head>
|
| | | <script language="javascript" src="../../tiny_mce_popup.js"></script>
|
| | | <script type="text/javascript" src="jscripts/embed.js"></script>
|
| | | <script type="text/javascript">
|
| | | tinyMCEPopup.onInit.add(function(ed) {
|
| | | var dom = tinyMCEPopup.dom;
|
| | |
|
| | | // Load editor content_css
|
| | | tinymce.each(ed.settings.content_css.split(','), function(u) {
|
| | | dom.loadCSS(ed.documentBaseURI.toAbsolute(u));
|
| | | });
|
| | |
|
| | | // Place contents inside div container
|
| | | dom.setHTML('content', ed.getContent());
|
| | | });
|
| | | </script>
|
| | | <title>Example of a custom preview page</title>
|
| | | </head>
|
| | | <body>
|
| | |
|
| | | Editor contents: <br />
|
| | | <div id="content">
|
| | | <!-- Gets filled with editor contents -->
|
| | | </div>
|
| | |
|
| | | </body>
|
| | | </html>
|
New file |
| | |
| | | /**
|
| | | * This script contains embed functions for common plugins. This scripts are complety free to use for any purpose.
|
| | | */
|
| | |
|
| | | function writeFlash(p) {
|
| | | writeEmbed(
|
| | | 'D27CDB6E-AE6D-11cf-96B8-444553540000',
|
| | | 'http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0',
|
| | | 'application/x-shockwave-flash',
|
| | | p
|
| | | );
|
| | | }
|
| | |
|
| | | function writeShockWave(p) {
|
| | | writeEmbed(
|
| | | '166B1BCA-3F9C-11CF-8075-444553540000',
|
| | | 'http://download.macromedia.com/pub/shockwave/cabs/director/sw.cab#version=8,5,1,0',
|
| | | 'application/x-director',
|
| | | p
|
| | | );
|
| | | }
|
| | |
|
| | | function writeQuickTime(p) {
|
| | | writeEmbed(
|
| | | '02BF25D5-8C17-4B23-BC80-D3488ABDDC6B',
|
| | | 'http://www.apple.com/qtactivex/qtplugin.cab#version=6,0,2,0',
|
| | | 'video/quicktime',
|
| | | p
|
| | | );
|
| | | }
|
| | |
|
| | | function writeRealMedia(p) {
|
| | | writeEmbed(
|
| | | 'CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA',
|
| | | 'http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0',
|
| | | 'audio/x-pn-realaudio-plugin',
|
| | | p
|
| | | );
|
| | | }
|
| | |
|
| | | function writeWindowsMedia(p) {
|
| | | p.url = p.src;
|
| | | writeEmbed(
|
| | | '6BF52A52-394A-11D3-B153-00C04F79FAA6',
|
| | | 'http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=5,1,52,701',
|
| | | 'application/x-mplayer2',
|
| | | p
|
| | | );
|
| | | }
|
| | |
|
| | | function writeEmbed(cls, cb, mt, p) {
|
| | | var h = '', n;
|
| | |
|
| | | h += '<object classid="clsid:' + cls + '" codebase="' + cb + '"';
|
| | | h += typeof(p.id) != "undefined" ? 'id="' + p.id + '"' : '';
|
| | | h += typeof(p.name) != "undefined" ? 'name="' + p.name + '"' : '';
|
| | | h += typeof(p.width) != "undefined" ? 'width="' + p.width + '"' : '';
|
| | | h += typeof(p.height) != "undefined" ? 'height="' + p.height + '"' : '';
|
| | | h += typeof(p.align) != "undefined" ? 'align="' + p.align + '"' : '';
|
| | | h += '>';
|
| | |
|
| | | for (n in p)
|
| | | h += '<param name="' + n + '" value="' + p[n] + '">';
|
| | |
|
| | | h += '<embed type="' + mt + '"';
|
| | |
|
| | | for (n in p)
|
| | | h += n + '="' + p[n] + '" ';
|
| | |
|
| | | h += '></embed></object>';
|
| | |
|
| | | document.write(h);
|
| | | }
|
New file |
| | |
| | | <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
| | | <html xmlns="http://www.w3.org/1999/xhtml">
|
| | | <head>
|
| | | <script type="text/javascript" src="../../tiny_mce_popup.js"></script>
|
| | | <script type="text/javascript" src="jscripts/embed.js"></script>
|
| | | <script type="text/javascript"><!--
|
| | | document.write('<base href="' + tinyMCEPopup.getWindowArg("base") + '">');
|
| | | // -->
|
| | | </script>
|
| | | <title>{#preview.preview_desc}</title>
|
| | | </head>
|
| | | <body id="content">
|
| | | <script type="text/javascript">
|
| | | document.write(tinyMCEPopup.editor.getContent());
|
| | | </script>
|
| | | </body>
|
| | | </html>
|
New file |
| | |
| | | (function(){tinymce.create("tinymce.plugins.Print",{init:function(a,b){a.addCommand("mcePrint",function(){a.getWin().print()});a.addButton("print",{title:"print.print_desc",cmd:"mcePrint"})},getInfo:function(){return{longname:"Print",author:"Moxiecode Systems AB",authorurl:"http://tinymce.moxiecode.com",infourl:"http://wiki.moxiecode.com/index.php/TinyMCE:Plugins/print",version:tinymce.majorVersion+"."+tinymce.minorVersion}}});tinymce.PluginManager.add("print",tinymce.plugins.Print)})(); |
New file |
| | |
| | | /**
|
| | | * editor_plugin_src.js
|
| | | *
|
| | | * Copyright 2009, Moxiecode Systems AB
|
| | | * Released under LGPL License.
|
| | | *
|
| | | * License: http://tinymce.moxiecode.com/license
|
| | | * Contributing: http://tinymce.moxiecode.com/contributing
|
| | | */
|
| | |
|
| | | (function() {
|
| | | tinymce.create('tinymce.plugins.Print', {
|
| | | init : function(ed, url) {
|
| | | ed.addCommand('mcePrint', function() {
|
| | | ed.getWin().print();
|
| | | });
|
| | |
|
| | | ed.addButton('print', {title : 'print.print_desc', cmd : 'mcePrint'});
|
| | | },
|
| | |
|
| | | getInfo : function() {
|
| | | return {
|
| | | longname : 'Print',
|
| | | author : 'Moxiecode Systems AB',
|
| | | authorurl : 'http://tinymce.moxiecode.com',
|
| | | infourl : 'http://wiki.moxiecode.com/index.php/TinyMCE:Plugins/print',
|
| | | version : tinymce.majorVersion + "." + tinymce.minorVersion
|
| | | };
|
| | | }
|
| | | });
|
| | |
|
| | | // Register plugin
|
| | | tinymce.PluginManager.add('print', tinymce.plugins.Print);
|
| | | })();
|
New file |
| | |
| | | (function(){tinymce.create("tinymce.plugins.Save",{init:function(a,b){var c=this;c.editor=a;a.addCommand("mceSave",c._save,c);a.addCommand("mceCancel",c._cancel,c);a.addButton("save",{title:"save.save_desc",cmd:"mceSave"});a.addButton("cancel",{title:"save.cancel_desc",cmd:"mceCancel"});a.onNodeChange.add(c._nodeChange,c);a.addShortcut("ctrl+s",a.getLang("save.save_desc"),"mceSave")},getInfo:function(){return{longname:"Save",author:"Moxiecode Systems AB",authorurl:"http://tinymce.moxiecode.com",infourl:"http://wiki.moxiecode.com/index.php/TinyMCE:Plugins/save",version:tinymce.majorVersion+"."+tinymce.minorVersion}},_nodeChange:function(b,a,c){var b=this.editor;if(b.getParam("save_enablewhendirty")){a.setDisabled("save",!b.isDirty());a.setDisabled("cancel",!b.isDirty())}},_save:function(){var c=this.editor,a,e,d,b;a=tinymce.DOM.get(c.id).form||tinymce.DOM.getParent(c.id,"form");if(c.getParam("save_enablewhendirty")&&!c.isDirty()){return}tinyMCE.triggerSave();if(e=c.getParam("save_onsavecallback")){if(c.execCallback("save_onsavecallback",c)){c.startContent=tinymce.trim(c.getContent({format:"raw"}));c.nodeChanged()}return}if(a){c.isNotDirty=true;if(a.onsubmit==null||a.onsubmit()!=false){a.submit()}c.nodeChanged()}else{c.windowManager.alert("Error: No form element found.")}},_cancel:function(){var a=this.editor,c,b=tinymce.trim(a.startContent);if(c=a.getParam("save_oncancelcallback")){a.execCallback("save_oncancelcallback",a);return}a.setContent(b);a.undoManager.clear();a.nodeChanged()}});tinymce.PluginManager.add("save",tinymce.plugins.Save)})(); |
New file |
| | |
| | | /**
|
| | | * editor_plugin_src.js
|
| | | *
|
| | | * Copyright 2009, Moxiecode Systems AB
|
| | | * Released under LGPL License.
|
| | | *
|
| | | * License: http://tinymce.moxiecode.com/license
|
| | | * Contributing: http://tinymce.moxiecode.com/contributing
|
| | | */
|
| | |
|
| | | (function() {
|
| | | tinymce.create('tinymce.plugins.Save', {
|
| | | init : function(ed, url) {
|
| | | var t = this;
|
| | |
|
| | | t.editor = ed;
|
| | |
|
| | | // Register commands
|
| | | ed.addCommand('mceSave', t._save, t);
|
| | | ed.addCommand('mceCancel', t._cancel, t);
|
| | |
|
| | | // Register buttons
|
| | | ed.addButton('save', {title : 'save.save_desc', cmd : 'mceSave'});
|
| | | ed.addButton('cancel', {title : 'save.cancel_desc', cmd : 'mceCancel'});
|
| | |
|
| | | ed.onNodeChange.add(t._nodeChange, t);
|
| | | ed.addShortcut('ctrl+s', ed.getLang('save.save_desc'), 'mceSave');
|
| | | },
|
| | |
|
| | | getInfo : function() {
|
| | | return {
|
| | | longname : 'Save',
|
| | | author : 'Moxiecode Systems AB',
|
| | | authorurl : 'http://tinymce.moxiecode.com',
|
| | | infourl : 'http://wiki.moxiecode.com/index.php/TinyMCE:Plugins/save',
|
| | | version : tinymce.majorVersion + "." + tinymce.minorVersion
|
| | | };
|
| | | },
|
| | |
|
| | | // Private methods
|
| | |
|
| | | _nodeChange : function(ed, cm, n) {
|
| | | var ed = this.editor;
|
| | |
|
| | | if (ed.getParam('save_enablewhendirty')) {
|
| | | cm.setDisabled('save', !ed.isDirty());
|
| | | cm.setDisabled('cancel', !ed.isDirty());
|
| | | }
|
| | | },
|
| | |
|
| | | // Private methods
|
| | |
|
| | | _save : function() {
|
| | | var ed = this.editor, formObj, os, i, elementId;
|
| | |
|
| | | formObj = tinymce.DOM.get(ed.id).form || tinymce.DOM.getParent(ed.id, 'form');
|
| | |
|
| | | if (ed.getParam("save_enablewhendirty") && !ed.isDirty())
|
| | | return;
|
| | |
|
| | | tinyMCE.triggerSave();
|
| | |
|
| | | // Use callback instead
|
| | | if (os = ed.getParam("save_onsavecallback")) {
|
| | | if (ed.execCallback('save_onsavecallback', ed)) {
|
| | | ed.startContent = tinymce.trim(ed.getContent({format : 'raw'}));
|
| | | ed.nodeChanged();
|
| | | }
|
| | |
|
| | | return;
|
| | | }
|
| | |
|
| | | if (formObj) {
|
| | | ed.isNotDirty = true;
|
| | |
|
| | | if (formObj.onsubmit == null || formObj.onsubmit() != false)
|
| | | formObj.submit();
|
| | |
|
| | | ed.nodeChanged();
|
| | | } else
|
| | | ed.windowManager.alert("Error: No form element found.");
|
| | | },
|
| | |
|
| | | _cancel : function() {
|
| | | var ed = this.editor, os, h = tinymce.trim(ed.startContent);
|
| | |
|
| | | // Use callback instead
|
| | | if (os = ed.getParam("save_oncancelcallback")) {
|
| | | ed.execCallback('save_oncancelcallback', ed);
|
| | | return;
|
| | | }
|
| | |
|
| | | ed.setContent(h);
|
| | | ed.undoManager.clear();
|
| | | ed.nodeChanged();
|
| | | }
|
| | | });
|
| | |
|
| | | // Register plugin
|
| | | tinymce.PluginManager.add('save', tinymce.plugins.Save);
|
| | | })(); |
New file |
| | |
| | | .panel_wrapper {height:85px;}
|
| | | .panel_wrapper div.current {height:85px;}
|
| | |
|
| | | /* IE */
|
| | | * html .panel_wrapper {height:100px;}
|
| | | * html .panel_wrapper div.current {height:100px;}
|
New file |
| | |
| | | (function(){tinymce.create("tinymce.plugins.SearchReplacePlugin",{init:function(a,c){function b(d){window.focus();a.windowManager.open({file:c+"/searchreplace.htm",width:420+parseInt(a.getLang("searchreplace.delta_width",0)),height:170+parseInt(a.getLang("searchreplace.delta_height",0)),inline:1,auto_focus:0},{mode:d,search_string:a.selection.getContent({format:"text"}),plugin_url:c})}a.addCommand("mceSearch",function(){b("search")});a.addCommand("mceReplace",function(){b("replace")});a.addButton("search",{title:"searchreplace.search_desc",cmd:"mceSearch"});a.addButton("replace",{title:"searchreplace.replace_desc",cmd:"mceReplace"});a.addShortcut("ctrl+f","searchreplace.search_desc","mceSearch")},getInfo:function(){return{longname:"Search/Replace",author:"Moxiecode Systems AB",authorurl:"http://tinymce.moxiecode.com",infourl:"http://wiki.moxiecode.com/index.php/TinyMCE:Plugins/searchreplace",version:tinymce.majorVersion+"."+tinymce.minorVersion}}});tinymce.PluginManager.add("searchreplace",tinymce.plugins.SearchReplacePlugin)})(); |
New file |
| | |
| | | /**
|
| | | * editor_plugin_src.js
|
| | | *
|
| | | * Copyright 2009, Moxiecode Systems AB
|
| | | * Released under LGPL License.
|
| | | *
|
| | | * License: http://tinymce.moxiecode.com/license
|
| | | * Contributing: http://tinymce.moxiecode.com/contributing
|
| | | */
|
| | |
|
| | | (function() {
|
| | | tinymce.create('tinymce.plugins.SearchReplacePlugin', {
|
| | | init : function(ed, url) {
|
| | | function open(m) {
|
| | | // Keep IE from writing out the f/r character to the editor
|
| | | // instance while initializing a new dialog. See: #3131190
|
| | | window.focus();
|
| | |
|
| | | ed.windowManager.open({
|
| | | file : url + '/searchreplace.htm',
|
| | | width : 420 + parseInt(ed.getLang('searchreplace.delta_width', 0)),
|
| | | height : 170 + parseInt(ed.getLang('searchreplace.delta_height', 0)),
|
| | | inline : 1,
|
| | | auto_focus : 0
|
| | | }, {
|
| | | mode : m,
|
| | | search_string : ed.selection.getContent({format : 'text'}),
|
| | | plugin_url : url
|
| | | });
|
| | | };
|
| | |
|
| | | // Register commands
|
| | | ed.addCommand('mceSearch', function() {
|
| | | open('search');
|
| | | });
|
| | |
|
| | | ed.addCommand('mceReplace', function() {
|
| | | open('replace');
|
| | | });
|
| | |
|
| | | // Register buttons
|
| | | ed.addButton('search', {title : 'searchreplace.search_desc', cmd : 'mceSearch'});
|
| | | ed.addButton('replace', {title : 'searchreplace.replace_desc', cmd : 'mceReplace'});
|
| | |
|
| | | ed.addShortcut('ctrl+f', 'searchreplace.search_desc', 'mceSearch');
|
| | | },
|
| | |
|
| | | getInfo : function() {
|
| | | return {
|
| | | longname : 'Search/Replace',
|
| | | author : 'Moxiecode Systems AB',
|
| | | authorurl : 'http://tinymce.moxiecode.com',
|
| | | infourl : 'http://wiki.moxiecode.com/index.php/TinyMCE:Plugins/searchreplace',
|
| | | version : tinymce.majorVersion + "." + tinymce.minorVersion
|
| | | };
|
| | | }
|
| | | });
|
| | |
|
| | | // Register plugin
|
| | | tinymce.PluginManager.add('searchreplace', tinymce.plugins.SearchReplacePlugin);
|
| | | })(); |
New file |
| | |
| | | tinyMCEPopup.requireLangPack();
|
| | |
|
| | | var SearchReplaceDialog = {
|
| | | init : function(ed) {
|
| | | var t = this, f = document.forms[0], m = tinyMCEPopup.getWindowArg("mode");
|
| | |
|
| | | t.switchMode(m);
|
| | |
|
| | | f[m + '_panel_searchstring'].value = tinyMCEPopup.getWindowArg("search_string");
|
| | |
|
| | | // Focus input field
|
| | | f[m + '_panel_searchstring'].focus();
|
| | | |
| | | mcTabs.onChange.add(function(tab_id, panel_id) {
|
| | | t.switchMode(tab_id.substring(0, tab_id.indexOf('_')));
|
| | | });
|
| | | },
|
| | |
|
| | | switchMode : function(m) {
|
| | | var f, lm = this.lastMode;
|
| | |
|
| | | if (lm != m) {
|
| | | f = document.forms[0];
|
| | |
|
| | | if (lm) {
|
| | | f[m + '_panel_searchstring'].value = f[lm + '_panel_searchstring'].value;
|
| | | f[m + '_panel_backwardsu'].checked = f[lm + '_panel_backwardsu'].checked;
|
| | | f[m + '_panel_backwardsd'].checked = f[lm + '_panel_backwardsd'].checked;
|
| | | f[m + '_panel_casesensitivebox'].checked = f[lm + '_panel_casesensitivebox'].checked;
|
| | | }
|
| | |
|
| | | mcTabs.displayTab(m + '_tab', m + '_panel');
|
| | | document.getElementById("replaceBtn").style.display = (m == "replace") ? "inline" : "none";
|
| | | document.getElementById("replaceAllBtn").style.display = (m == "replace") ? "inline" : "none";
|
| | | this.lastMode = m;
|
| | | }
|
| | | },
|
| | |
|
| | | searchNext : function(a) {
|
| | | var ed = tinyMCEPopup.editor, se = ed.selection, r = se.getRng(), f, m = this.lastMode, s, b, fl = 0, w = ed.getWin(), wm = ed.windowManager, fo = 0;
|
| | |
|
| | | // Get input
|
| | | f = document.forms[0];
|
| | | s = f[m + '_panel_searchstring'].value;
|
| | | b = f[m + '_panel_backwardsu'].checked;
|
| | | ca = f[m + '_panel_casesensitivebox'].checked;
|
| | | rs = f['replace_panel_replacestring'].value;
|
| | |
|
| | | if (tinymce.isIE) {
|
| | | r = ed.getDoc().selection.createRange();
|
| | | }
|
| | |
|
| | | if (s == '')
|
| | | return;
|
| | |
|
| | | function fix() {
|
| | | // Correct Firefox graphics glitches
|
| | | // TODO: Verify if this is actually needed any more, maybe it was for very old FF versions? |
| | | r = se.getRng().cloneRange();
|
| | | ed.getDoc().execCommand('SelectAll', false, null);
|
| | | se.setRng(r);
|
| | | };
|
| | |
|
| | | function replace() {
|
| | | ed.selection.setContent(rs); // Needs to be duplicated due to selection bug in IE
|
| | | };
|
| | |
|
| | | // IE flags
|
| | | if (ca)
|
| | | fl = fl | 4;
|
| | |
|
| | | switch (a) {
|
| | | case 'all':
|
| | | // Move caret to beginning of text
|
| | | ed.execCommand('SelectAll');
|
| | | ed.selection.collapse(true);
|
| | |
|
| | | if (tinymce.isIE) {
|
| | | ed.focus();
|
| | | r = ed.getDoc().selection.createRange();
|
| | |
|
| | | while (r.findText(s, b ? -1 : 1, fl)) {
|
| | | r.scrollIntoView();
|
| | | r.select();
|
| | | replace();
|
| | | fo = 1;
|
| | |
|
| | | if (b) {
|
| | | r.moveEnd("character", -(rs.length)); // Otherwise will loop forever
|
| | | }
|
| | | }
|
| | |
|
| | | tinyMCEPopup.storeSelection();
|
| | | } else {
|
| | | while (w.find(s, ca, b, false, false, false, false)) {
|
| | | replace();
|
| | | fo = 1;
|
| | | }
|
| | | }
|
| | |
|
| | | if (fo)
|
| | | tinyMCEPopup.alert(ed.getLang('searchreplace_dlg.allreplaced'));
|
| | | else
|
| | | tinyMCEPopup.alert(ed.getLang('searchreplace_dlg.notfound'));
|
| | |
|
| | | return;
|
| | |
|
| | | case 'current':
|
| | | if (!ed.selection.isCollapsed())
|
| | | replace();
|
| | |
|
| | | break;
|
| | | }
|
| | |
|
| | | se.collapse(b);
|
| | | r = se.getRng();
|
| | |
|
| | | // Whats the point
|
| | | if (!s)
|
| | | return;
|
| | |
|
| | | if (tinymce.isIE) {
|
| | | ed.focus();
|
| | | r = ed.getDoc().selection.createRange();
|
| | |
|
| | | if (r.findText(s, b ? -1 : 1, fl)) {
|
| | | r.scrollIntoView();
|
| | | r.select();
|
| | | } else
|
| | | tinyMCEPopup.alert(ed.getLang('searchreplace_dlg.notfound'));
|
| | |
|
| | | tinyMCEPopup.storeSelection();
|
| | | } else {
|
| | | if (!w.find(s, ca, b, false, false, false, false))
|
| | | tinyMCEPopup.alert(ed.getLang('searchreplace_dlg.notfound'));
|
| | | else
|
| | | fix();
|
| | | }
|
| | | }
|
| | | };
|
| | |
|
| | | tinyMCEPopup.onInit.add(SearchReplaceDialog.init, SearchReplaceDialog);
|
New file |
| | |
| | | tinyMCE.addI18n('en.searchreplace_dlg',{findwhat:"Find What",replacewith:"Replace with",direction:"Direction",up:"Up",down:"Down",mcase:"Match Case",findnext:"Find Next",allreplaced:"All occurrences of the search string were replaced.","searchnext_desc":"Find Again",notfound:"The search has been completed. The search string could not be found.","search_title":"Find","replace_title":"Find/Replace",replaceall:"Replace All",replace:"Replace"}); |
New file |
| | |
| | | <!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>{#searchreplace_dlg.replace_title}</title>
|
| | | <script type="text/javascript" src="../../tiny_mce_popup.js"></script>
|
| | | <script type="text/javascript" src="../../utils/mctabs.js"></script>
|
| | | <script type="text/javascript" src="../../utils/form_utils.js"></script>
|
| | | <script type="text/javascript" src="js/searchreplace.js"></script>
|
| | | <link rel="stylesheet" type="text/css" href="css/searchreplace.css" />
|
| | | </head>
|
| | | <body style="display:none;" role="application" aria-labelledby="app_title">
|
| | | <span id="app_title" style="display:none">{#searchreplace_dlg.replace_title}</span>
|
| | | <form onsubmit="SearchReplaceDialog.searchNext('none');return false;" action="#">
|
| | | <div class="tabs">
|
| | | <ul>
|
| | | <li id="search_tab" aria-controls="search_panel"><span><a href="javascript:SearchReplaceDialog.switchMode('search');" onmousedown="return false;">{#searchreplace.search_desc}</a></span></li>
|
| | | <li id="replace_tab" aria-controls="replace_panel"><span><a href="javascript:SearchReplaceDialog.switchMode('replace');" onmousedown="return false;">{#searchreplace_dlg.replace}</a></span></li>
|
| | | </ul>
|
| | | </div>
|
| | |
|
| | | <div class="panel_wrapper">
|
| | | <div id="search_panel" class="panel">
|
| | | <table role="presentation" border="0" cellspacing="0" cellpadding="2">
|
| | | <tr>
|
| | | <td><label for="search_panel_searchstring">{#searchreplace_dlg.findwhat}</label></td>
|
| | | <td><input type="text" id="search_panel_searchstring" name="search_panel_searchstring" style="width: 200px" aria-required="true" /></td>
|
| | | </tr>
|
| | | <tr>
|
| | | <td colspan="2">
|
| | | <table role="presentation" border="0" cellspacing="0" cellpadding="0" class="direction">
|
| | | <tr role="group" aria-labelledby="search_panel_backwards_label">
|
| | | <td><label id="search_panel_backwards_label">{#searchreplace_dlg.direction}</label></td>
|
| | | <td><input id="search_panel_backwardsu" name="search_panel_backwards" class="radio" type="radio" /></td>
|
| | | <td><label for="search_panel_backwardsu">{#searchreplace_dlg.up}</label></td>
|
| | | <td><input id="search_panel_backwardsd" name="search_panel_backwards" class="radio" type="radio" checked="checked" /></td>
|
| | | <td><label for="search_panel_backwardsd">{#searchreplace_dlg.down}</label></td>
|
| | | </tr>
|
| | | </table>
|
| | | </td>
|
| | | </tr>
|
| | | <tr>
|
| | | <td colspan="2">
|
| | | <table role="presentation" border="0" cellspacing="0" cellpadding="0">
|
| | | <tr>
|
| | | <td><input id="search_panel_casesensitivebox" name="search_panel_casesensitivebox" class="checkbox" type="checkbox" /></td>
|
| | | <td><label for="search_panel_casesensitivebox">{#searchreplace_dlg.mcase}</label></td>
|
| | | </tr>
|
| | | </table>
|
| | | </td>
|
| | | </tr>
|
| | | </table>
|
| | | </div>
|
| | |
|
| | | <div id="replace_panel" class="panel">
|
| | | <table role="presentation" border="0" cellspacing="0" cellpadding="2">
|
| | | <tr>
|
| | | <td><label for="replace_panel_searchstring">{#searchreplace_dlg.findwhat}</label></td>
|
| | | <td><input type="text" id="replace_panel_searchstring" name="replace_panel_searchstring" style="width: 200px" aria-required="true" /></td>
|
| | | </tr>
|
| | | <tr>
|
| | | <td><label for="replace_panel_replacestring">{#searchreplace_dlg.replacewith}</label></td>
|
| | | <td><input type="text" id="replace_panel_replacestring" name="replace_panel_replacestring" style="width: 200px" aria-required="true" /></td>
|
| | | </tr>
|
| | | <tr>
|
| | | <td colspan="2">
|
| | | <table role="presentation" border="0" cellspacing="0" cellpadding="0" class="direction">
|
| | | <tr role="group" aria-labelledby="replace_panel_dir_label">
|
| | | <td><label id="replace_panel_dir_label">{#searchreplace_dlg.direction}</label></td>
|
| | | <td><input id="replace_panel_backwardsu" name="replace_panel_backwards" class="radio" type="radio" /></td>
|
| | | <td><label for="replace_panel_backwardsu">{#searchreplace_dlg.up}</label></td>
|
| | | <td><input id="replace_panel_backwardsd" name="replace_panel_backwards" class="radio" type="radio" checked="checked" /></td>
|
| | | <td><label for="replace_panel_backwardsd">{#searchreplace_dlg.down}</label></td>
|
| | | </tr>
|
| | | </table>
|
| | | </td>
|
| | | </tr>
|
| | | <tr>
|
| | | <td colspan="2">
|
| | | <table role="presentation" border="0" cellspacing="0" cellpadding="0">
|
| | | <tr>
|
| | | <td><input id="replace_panel_casesensitivebox" name="replace_panel_casesensitivebox" class="checkbox" type="checkbox" /></td>
|
| | | <td><label for="replace_panel_casesensitivebox">{#searchreplace_dlg.mcase}</label></td>
|
| | | </tr>
|
| | | </table>
|
| | | </td>
|
| | | </tr>
|
| | | </table>
|
| | | </div>
|
| | |
|
| | | </div>
|
| | |
|
| | | <div class="mceActionPanel">
|
| | | <input type="submit" id="insert" name="insert" value="{#searchreplace_dlg.findnext}" />
|
| | | <input type="button" class="button" id="replaceBtn" name="replaceBtn" value="{#searchreplace_dlg.replace}" onclick="SearchReplaceDialog.searchNext('current');" />
|
| | | <input type="button" class="button" id="replaceAllBtn" name="replaceAllBtn" value="{#searchreplace_dlg.replaceall}" onclick="SearchReplaceDialog.searchNext('all');" />
|
| | | <input type="button" id="cancel" name="cancel" value="{#cancel}" onclick="tinyMCEPopup.close();" />
|
| | | </div>
|
| | | </form>
|
| | | </body>
|
| | | </html>
|
New file |
| | |
| | | .mceItemHiddenSpellWord {background:url(../img/wline.gif) repeat-x bottom left; cursor:default;}
|
New file |
| | |
| | | (function(){var a=tinymce.util.JSONRequest,c=tinymce.each,b=tinymce.DOM;tinymce.create("tinymce.plugins.SpellcheckerPlugin",{getInfo:function(){return{longname:"Spellchecker",author:"Moxiecode Systems AB",authorurl:"http://tinymce.moxiecode.com",infourl:"http://wiki.moxiecode.com/index.php/TinyMCE:Plugins/spellchecker",version:tinymce.majorVersion+"."+tinymce.minorVersion}},init:function(e,f){var g=this,d;g.url=f;g.editor=e;g.rpcUrl=e.getParam("spellchecker_rpc_url","{backend}");if(g.rpcUrl=="{backend}"){if(tinymce.isIE){return}g.hasSupport=true;e.onContextMenu.addToTop(function(h,i){if(g.active){return false}})}e.addCommand("mceSpellCheck",function(){if(g.rpcUrl=="{backend}"){g.editor.getBody().spellcheck=g.active=!g.active;return}if(!g.active){e.setProgressState(1);g._sendRPC("checkWords",[g.selectedLang,g._getWords()],function(h){if(h.length>0){g.active=1;g._markWords(h);e.setProgressState(0);e.nodeChanged()}else{e.setProgressState(0);if(e.getParam("spellchecker_report_no_misspellings",true)){e.windowManager.alert("spellchecker.no_mpell")}}})}else{g._done()}});if(e.settings.content_css!==false){e.contentCSS.push(f+"/css/content.css")}e.onClick.add(g._showMenu,g);e.onContextMenu.add(g._showMenu,g);e.onBeforeGetContent.add(function(){if(g.active){g._removeWords()}});e.onNodeChange.add(function(i,h){h.setActive("spellchecker",g.active)});e.onSetContent.add(function(){g._done()});e.onBeforeGetContent.add(function(){g._done()});e.onBeforeExecCommand.add(function(h,i){if(i=="mceFullScreen"){g._done()}});g.languages={};c(e.getParam("spellchecker_languages","+English=en,Danish=da,Dutch=nl,Finnish=fi,French=fr,German=de,Italian=it,Polish=pl,Portuguese=pt,Spanish=es,Swedish=sv","hash"),function(i,h){if(h.indexOf("+")===0){h=h.substring(1);g.selectedLang=i}g.languages[h]=i})},createControl:function(h,d){var f=this,g,e=f.editor;if(h=="spellchecker"){if(f.rpcUrl=="{backend}"){if(f.hasSupport){g=d.createButton(h,{title:"spellchecker.desc",cmd:"mceSpellCheck",scope:f})}return g}g=d.createSplitButton(h,{title:"spellchecker.desc",cmd:"mceSpellCheck",scope:f});g.onRenderMenu.add(function(j,i){i.add({title:"spellchecker.langs","class":"mceMenuItemTitle"}).setDisabled(1);c(f.languages,function(n,m){var p={icon:1},l;p.onclick=function(){if(n==f.selectedLang){return}l.setSelected(1);f.selectedItem.setSelected(0);f.selectedItem=l;f.selectedLang=n};p.title=m;l=i.add(p);l.setSelected(n==f.selectedLang);if(n==f.selectedLang){f.selectedItem=l}})});return g}},_walk:function(i,g){var h=this.editor.getDoc(),e;if(h.createTreeWalker){e=h.createTreeWalker(i,NodeFilter.SHOW_TEXT,null,false);while((i=e.nextNode())!=null){g.call(this,i)}}else{tinymce.walk(i,g,"childNodes")}},_getSeparators:function(){var e="",d,f=this.editor.getParam("spellchecker_word_separator_chars",'\\s!"#$%&()*+,-./:;<=>?@[]^_{|}§©«®±¶·¸»¼½¾¿×÷¤\u201d\u201c');for(d=0;d<f.length;d++){e+="\\"+f.charAt(d)}return e},_getWords:function(){var e=this.editor,g=[],d="",f={},h=[];this._walk(e.getBody(),function(i){if(i.nodeType==3){d+=i.nodeValue+" "}});if(e.getParam("spellchecker_word_pattern")){h=d.match("("+e.getParam("spellchecker_word_pattern")+")","gi")}else{d=d.replace(new RegExp("([0-9]|["+this._getSeparators()+"])","g")," ");d=tinymce.trim(d.replace(/(\s+)/g," "));h=d.split(" ")}c(h,function(i){if(!f[i]){g.push(i);f[i]=1}});return g},_removeWords:function(e){var f=this.editor,h=f.dom,g=f.selection,d=g.getBookmark();c(h.select("span").reverse(),function(i){if(i&&(h.hasClass(i,"mceItemHiddenSpellWord")||h.hasClass(i,"mceItemHidden"))){if(!e||h.decode(i.innerHTML)==e){h.remove(i,1)}}});g.moveToBookmark(d)},_markWords:function(l){var g=this.editor,f=g.dom,j=g.getDoc(),h=g.selection,i=h.getBookmark(),d=[],k=l.join("|"),m=this._getSeparators(),e=new RegExp("(^|["+m+"])("+k+")(?=["+m+"]|$)","g");this._walk(g.getBody(),function(o){if(o.nodeType==3){d.push(o)}});c(d,function(t){var r,q,o,s,p=t.nodeValue;if(e.test(p)){p=f.encode(p);q=f.create("span",{"class":"mceItemHidden"});if(tinymce.isIE){p=p.replace(e,"$1<mcespell>$2</mcespell>");while((s=p.indexOf("<mcespell>"))!=-1){o=p.substring(0,s);if(o.length){r=j.createTextNode(f.decode(o));q.appendChild(r)}p=p.substring(s+10);s=p.indexOf("</mcespell>");o=p.substring(0,s);p=p.substring(s+11);q.appendChild(f.create("span",{"class":"mceItemHiddenSpellWord"},o))}if(p.length){r=j.createTextNode(f.decode(p));q.appendChild(r)}}else{q.innerHTML=p.replace(e,'$1<span class="mceItemHiddenSpellWord">$2</span>')}f.replace(q,t)}});h.moveToBookmark(i)},_showMenu:function(h,j){var i=this,h=i.editor,d=i._menu,l,k=h.dom,g=k.getViewPort(h.getWin()),f=j.target;j=0;if(!d){d=h.controlManager.createDropMenu("spellcheckermenu",{"class":"mceNoIcons"});i._menu=d}if(k.hasClass(f,"mceItemHiddenSpellWord")){d.removeAll();d.add({title:"spellchecker.wait","class":"mceMenuItemTitle"}).setDisabled(1);i._sendRPC("getSuggestions",[i.selectedLang,k.decode(f.innerHTML)],function(m){var e;d.removeAll();if(m.length>0){d.add({title:"spellchecker.sug","class":"mceMenuItemTitle"}).setDisabled(1);c(m,function(n){d.add({title:n,onclick:function(){k.replace(h.getDoc().createTextNode(n),f);i._checkDone()}})});d.addSeparator()}else{d.add({title:"spellchecker.no_sug","class":"mceMenuItemTitle"}).setDisabled(1)}if(h.getParam("show_ignore_words",true)){e=i.editor.getParam("spellchecker_enable_ignore_rpc","");d.add({title:"spellchecker.ignore_word",onclick:function(){var n=f.innerHTML;k.remove(f,1);i._checkDone();if(e){h.setProgressState(1);i._sendRPC("ignoreWord",[i.selectedLang,n],function(o){h.setProgressState(0)})}}});d.add({title:"spellchecker.ignore_words",onclick:function(){var n=f.innerHTML;i._removeWords(k.decode(n));i._checkDone();if(e){h.setProgressState(1);i._sendRPC("ignoreWords",[i.selectedLang,n],function(o){h.setProgressState(0)})}}})}if(i.editor.getParam("spellchecker_enable_learn_rpc")){d.add({title:"spellchecker.learn_word",onclick:function(){var n=f.innerHTML;k.remove(f,1);i._checkDone();h.setProgressState(1);i._sendRPC("learnWord",[i.selectedLang,n],function(o){h.setProgressState(0)})}})}d.update()});l=b.getPos(h.getContentAreaContainer());d.settings.offset_x=l.x;d.settings.offset_y=l.y;h.selection.select(f);l=k.getPos(f);d.showMenu(l.x,l.y+f.offsetHeight-g.y);return tinymce.dom.Event.cancel(j)}else{d.hideMenu()}},_checkDone:function(){var e=this,d=e.editor,g=d.dom,f;c(g.select("span"),function(h){if(h&&g.hasClass(h,"mceItemHiddenSpellWord")){f=true;return false}});if(!f){e._done()}},_done:function(){var d=this,e=d.active;if(d.active){d.active=0;d._removeWords();if(d._menu){d._menu.hideMenu()}if(e){d.editor.nodeChanged()}}},_sendRPC:function(e,g,d){var f=this;a.sendRPC({url:f.rpcUrl,method:e,params:g,success:d,error:function(i,h){f.editor.setProgressState(0);f.editor.windowManager.alert(i.errstr||("Error response: "+h.responseText))}})}});tinymce.PluginManager.add("spellchecker",tinymce.plugins.SpellcheckerPlugin)})(); |
New file |
| | |
| | | /**
|
| | | * editor_plugin_src.js
|
| | | *
|
| | | * Copyright 2009, Moxiecode Systems AB
|
| | | * Released under LGPL License.
|
| | | *
|
| | | * License: http://tinymce.moxiecode.com/license
|
| | | * Contributing: http://tinymce.moxiecode.com/contributing
|
| | | */
|
| | |
|
| | | (function() {
|
| | | var JSONRequest = tinymce.util.JSONRequest, each = tinymce.each, DOM = tinymce.DOM;
|
| | |
|
| | | tinymce.create('tinymce.plugins.SpellcheckerPlugin', {
|
| | | getInfo : function() {
|
| | | return {
|
| | | longname : 'Spellchecker',
|
| | | author : 'Moxiecode Systems AB',
|
| | | authorurl : 'http://tinymce.moxiecode.com',
|
| | | infourl : 'http://wiki.moxiecode.com/index.php/TinyMCE:Plugins/spellchecker',
|
| | | version : tinymce.majorVersion + "." + tinymce.minorVersion
|
| | | };
|
| | | },
|
| | |
|
| | | init : function(ed, url) {
|
| | | var t = this, cm;
|
| | |
|
| | | t.url = url;
|
| | | t.editor = ed;
|
| | | t.rpcUrl = ed.getParam("spellchecker_rpc_url", "{backend}");
|
| | |
|
| | | if (t.rpcUrl == '{backend}') {
|
| | | // Sniff if the browser supports native spellchecking (Don't know of a better way)
|
| | | if (tinymce.isIE)
|
| | | return;
|
| | |
|
| | | t.hasSupport = true;
|
| | |
|
| | | // Disable the context menu when spellchecking is active
|
| | | ed.onContextMenu.addToTop(function(ed, e) {
|
| | | if (t.active)
|
| | | return false;
|
| | | });
|
| | | }
|
| | |
|
| | | // Register commands
|
| | | ed.addCommand('mceSpellCheck', function() {
|
| | | if (t.rpcUrl == '{backend}') {
|
| | | // Enable/disable native spellchecker
|
| | | t.editor.getBody().spellcheck = t.active = !t.active;
|
| | | return;
|
| | | }
|
| | |
|
| | | if (!t.active) {
|
| | | ed.setProgressState(1);
|
| | | t._sendRPC('checkWords', [t.selectedLang, t._getWords()], function(r) {
|
| | | if (r.length > 0) {
|
| | | t.active = 1;
|
| | | t._markWords(r);
|
| | | ed.setProgressState(0);
|
| | | ed.nodeChanged();
|
| | | } else {
|
| | | ed.setProgressState(0);
|
| | |
|
| | | if (ed.getParam('spellchecker_report_no_misspellings', true))
|
| | | ed.windowManager.alert('spellchecker.no_mpell');
|
| | | }
|
| | | });
|
| | | } else
|
| | | t._done();
|
| | | });
|
| | |
|
| | | if (ed.settings.content_css !== false)
|
| | | ed.contentCSS.push(url + '/css/content.css');
|
| | |
|
| | | ed.onClick.add(t._showMenu, t);
|
| | | ed.onContextMenu.add(t._showMenu, t);
|
| | | ed.onBeforeGetContent.add(function() {
|
| | | if (t.active)
|
| | | t._removeWords();
|
| | | });
|
| | |
|
| | | ed.onNodeChange.add(function(ed, cm) {
|
| | | cm.setActive('spellchecker', t.active);
|
| | | });
|
| | |
|
| | | ed.onSetContent.add(function() {
|
| | | t._done();
|
| | | });
|
| | |
|
| | | ed.onBeforeGetContent.add(function() {
|
| | | t._done();
|
| | | });
|
| | |
|
| | | ed.onBeforeExecCommand.add(function(ed, cmd) {
|
| | | if (cmd == 'mceFullScreen')
|
| | | t._done();
|
| | | });
|
| | |
|
| | | // Find selected language
|
| | | t.languages = {};
|
| | | each(ed.getParam('spellchecker_languages', '+English=en,Danish=da,Dutch=nl,Finnish=fi,French=fr,German=de,Italian=it,Polish=pl,Portuguese=pt,Spanish=es,Swedish=sv', 'hash'), function(v, k) {
|
| | | if (k.indexOf('+') === 0) {
|
| | | k = k.substring(1);
|
| | | t.selectedLang = v;
|
| | | }
|
| | |
|
| | | t.languages[k] = v;
|
| | | });
|
| | | },
|
| | |
|
| | | createControl : function(n, cm) {
|
| | | var t = this, c, ed = t.editor;
|
| | |
|
| | | if (n == 'spellchecker') {
|
| | | // Use basic button if we use the native spellchecker
|
| | | if (t.rpcUrl == '{backend}') {
|
| | | // Create simple toggle button if we have native support
|
| | | if (t.hasSupport)
|
| | | c = cm.createButton(n, {title : 'spellchecker.desc', cmd : 'mceSpellCheck', scope : t});
|
| | |
|
| | | return c;
|
| | | }
|
| | |
|
| | | c = cm.createSplitButton(n, {title : 'spellchecker.desc', cmd : 'mceSpellCheck', scope : t});
|
| | |
|
| | | c.onRenderMenu.add(function(c, m) {
|
| | | m.add({title : 'spellchecker.langs', 'class' : 'mceMenuItemTitle'}).setDisabled(1);
|
| | | each(t.languages, function(v, k) {
|
| | | var o = {icon : 1}, mi;
|
| | |
|
| | | o.onclick = function() {
|
| | | if (v == t.selectedLang) {
|
| | | return;
|
| | | }
|
| | | mi.setSelected(1);
|
| | | t.selectedItem.setSelected(0);
|
| | | t.selectedItem = mi;
|
| | | t.selectedLang = v;
|
| | | };
|
| | |
|
| | | o.title = k;
|
| | | mi = m.add(o);
|
| | | mi.setSelected(v == t.selectedLang);
|
| | |
|
| | | if (v == t.selectedLang)
|
| | | t.selectedItem = mi;
|
| | | })
|
| | | });
|
| | |
|
| | | return c;
|
| | | }
|
| | | },
|
| | |
|
| | | // Internal functions
|
| | |
|
| | | _walk : function(n, f) {
|
| | | var d = this.editor.getDoc(), w;
|
| | |
|
| | | if (d.createTreeWalker) {
|
| | | w = d.createTreeWalker(n, NodeFilter.SHOW_TEXT, null, false);
|
| | |
|
| | | while ((n = w.nextNode()) != null)
|
| | | f.call(this, n);
|
| | | } else
|
| | | tinymce.walk(n, f, 'childNodes');
|
| | | },
|
| | |
|
| | | _getSeparators : function() {
|
| | | var re = '', i, str = this.editor.getParam('spellchecker_word_separator_chars', '\\s!"#$%&()*+,-./:;<=>?@[\]^_{|}§©«®±¶·¸»¼½¾¿×÷¤\u201d\u201c');
|
| | |
|
| | | // Build word separator regexp
|
| | | for (i=0; i<str.length; i++)
|
| | | re += '\\' + str.charAt(i);
|
| | |
|
| | | return re;
|
| | | },
|
| | |
|
| | | _getWords : function() {
|
| | | var ed = this.editor, wl = [], tx = '', lo = {}, rawWords = [];
|
| | |
|
| | | // Get area text
|
| | | this._walk(ed.getBody(), function(n) {
|
| | | if (n.nodeType == 3)
|
| | | tx += n.nodeValue + ' ';
|
| | | });
|
| | |
|
| | | // split the text up into individual words
|
| | | if (ed.getParam('spellchecker_word_pattern')) {
|
| | | // look for words that match the pattern
|
| | | rawWords = tx.match('(' + ed.getParam('spellchecker_word_pattern') + ')', 'gi');
|
| | | } else {
|
| | | // Split words by separator
|
| | | tx = tx.replace(new RegExp('([0-9]|[' + this._getSeparators() + '])', 'g'), ' ');
|
| | | tx = tinymce.trim(tx.replace(/(\s+)/g, ' '));
|
| | | rawWords = tx.split(' ');
|
| | | }
|
| | |
|
| | | // Build word array and remove duplicates
|
| | | each(rawWords, function(v) {
|
| | | if (!lo[v]) {
|
| | | wl.push(v);
|
| | | lo[v] = 1;
|
| | | }
|
| | | });
|
| | |
|
| | | return wl;
|
| | | },
|
| | |
|
| | | _removeWords : function(w) {
|
| | | var ed = this.editor, dom = ed.dom, se = ed.selection, b = se.getBookmark();
|
| | |
|
| | | each(dom.select('span').reverse(), function(n) {
|
| | | if (n && (dom.hasClass(n, 'mceItemHiddenSpellWord') || dom.hasClass(n, 'mceItemHidden'))) {
|
| | | if (!w || dom.decode(n.innerHTML) == w)
|
| | | dom.remove(n, 1);
|
| | | }
|
| | | });
|
| | |
|
| | | se.moveToBookmark(b);
|
| | | },
|
| | |
|
| | | _markWords : function(wl) {
|
| | | var ed = this.editor, dom = ed.dom, doc = ed.getDoc(), se = ed.selection, b = se.getBookmark(), nl = [],
|
| | | w = wl.join('|'), re = this._getSeparators(), rx = new RegExp('(^|[' + re + '])(' + w + ')(?=[' + re + ']|$)', 'g');
|
| | |
|
| | | // Collect all text nodes
|
| | | this._walk(ed.getBody(), function(n) {
|
| | | if (n.nodeType == 3) {
|
| | | nl.push(n);
|
| | | }
|
| | | });
|
| | |
|
| | | // Wrap incorrect words in spans
|
| | | each(nl, function(n) {
|
| | | var node, elem, txt, pos, v = n.nodeValue;
|
| | |
|
| | | if (rx.test(v)) {
|
| | | // Encode the content
|
| | | v = dom.encode(v);
|
| | | // Create container element
|
| | | elem = dom.create('span', {'class' : 'mceItemHidden'});
|
| | |
|
| | | // Following code fixes IE issues by creating text nodes
|
| | | // using DOM methods instead of innerHTML.
|
| | | // Bug #3124: <PRE> elements content is broken after spellchecking.
|
| | | // Bug #1408: Preceding whitespace characters are removed
|
| | | // @TODO: I'm not sure that both are still issues on IE9.
|
| | | if (tinymce.isIE) {
|
| | | // Enclose mispelled words with temporal tag
|
| | | v = v.replace(rx, '$1<mcespell>$2</mcespell>');
|
| | | // Loop over the content finding mispelled words
|
| | | while ((pos = v.indexOf('<mcespell>')) != -1) {
|
| | | // Add text node for the content before the word
|
| | | txt = v.substring(0, pos);
|
| | | if (txt.length) {
|
| | | node = doc.createTextNode(dom.decode(txt));
|
| | | elem.appendChild(node);
|
| | | }
|
| | | v = v.substring(pos+10);
|
| | | pos = v.indexOf('</mcespell>');
|
| | | txt = v.substring(0, pos);
|
| | | v = v.substring(pos+11);
|
| | | // Add span element for the word
|
| | | elem.appendChild(dom.create('span', {'class' : 'mceItemHiddenSpellWord'}, txt));
|
| | | }
|
| | | // Add text node for the rest of the content
|
| | | if (v.length) {
|
| | | node = doc.createTextNode(dom.decode(v));
|
| | | elem.appendChild(node);
|
| | | }
|
| | | } else {
|
| | | // Other browsers preserve whitespace characters on innerHTML usage
|
| | | elem.innerHTML = v.replace(rx, '$1<span class="mceItemHiddenSpellWord">$2</span>');
|
| | | }
|
| | |
|
| | | // Finally, replace the node with the container
|
| | | dom.replace(elem, n);
|
| | | }
|
| | | });
|
| | |
|
| | | se.moveToBookmark(b);
|
| | | },
|
| | |
|
| | | _showMenu : function(ed, e) {
|
| | | var t = this, ed = t.editor, m = t._menu, p1, dom = ed.dom, vp = dom.getViewPort(ed.getWin()), wordSpan = e.target;
|
| | |
|
| | | e = 0; // Fixes IE memory leak
|
| | |
|
| | | if (!m) {
|
| | | m = ed.controlManager.createDropMenu('spellcheckermenu', {'class' : 'mceNoIcons'});
|
| | | t._menu = m;
|
| | | }
|
| | |
|
| | | if (dom.hasClass(wordSpan, 'mceItemHiddenSpellWord')) {
|
| | | m.removeAll();
|
| | | m.add({title : 'spellchecker.wait', 'class' : 'mceMenuItemTitle'}).setDisabled(1);
|
| | |
|
| | | t._sendRPC('getSuggestions', [t.selectedLang, dom.decode(wordSpan.innerHTML)], function(r) {
|
| | | var ignoreRpc;
|
| | |
|
| | | m.removeAll();
|
| | |
|
| | | if (r.length > 0) {
|
| | | m.add({title : 'spellchecker.sug', 'class' : 'mceMenuItemTitle'}).setDisabled(1);
|
| | | each(r, function(v) {
|
| | | m.add({title : v, onclick : function() {
|
| | | dom.replace(ed.getDoc().createTextNode(v), wordSpan);
|
| | | t._checkDone();
|
| | | }});
|
| | | });
|
| | |
|
| | | m.addSeparator();
|
| | | } else
|
| | | m.add({title : 'spellchecker.no_sug', 'class' : 'mceMenuItemTitle'}).setDisabled(1);
|
| | |
|
| | | if (ed.getParam('show_ignore_words', true)) {
|
| | | ignoreRpc = t.editor.getParam("spellchecker_enable_ignore_rpc", '');
|
| | | m.add({
|
| | | title : 'spellchecker.ignore_word',
|
| | | onclick : function() {
|
| | | var word = wordSpan.innerHTML;
|
| | |
|
| | | dom.remove(wordSpan, 1);
|
| | | t._checkDone();
|
| | |
|
| | | // tell the server if we need to
|
| | | if (ignoreRpc) {
|
| | | ed.setProgressState(1);
|
| | | t._sendRPC('ignoreWord', [t.selectedLang, word], function(r) {
|
| | | ed.setProgressState(0);
|
| | | });
|
| | | }
|
| | | }
|
| | | });
|
| | |
|
| | | m.add({
|
| | | title : 'spellchecker.ignore_words',
|
| | | onclick : function() {
|
| | | var word = wordSpan.innerHTML;
|
| | |
|
| | | t._removeWords(dom.decode(word));
|
| | | t._checkDone();
|
| | |
|
| | | // tell the server if we need to
|
| | | if (ignoreRpc) {
|
| | | ed.setProgressState(1);
|
| | | t._sendRPC('ignoreWords', [t.selectedLang, word], function(r) {
|
| | | ed.setProgressState(0);
|
| | | });
|
| | | }
|
| | | }
|
| | | });
|
| | | }
|
| | |
|
| | | if (t.editor.getParam("spellchecker_enable_learn_rpc")) {
|
| | | m.add({
|
| | | title : 'spellchecker.learn_word',
|
| | | onclick : function() {
|
| | | var word = wordSpan.innerHTML;
|
| | |
|
| | | dom.remove(wordSpan, 1);
|
| | | t._checkDone();
|
| | |
|
| | | ed.setProgressState(1);
|
| | | t._sendRPC('learnWord', [t.selectedLang, word], function(r) {
|
| | | ed.setProgressState(0);
|
| | | });
|
| | | }
|
| | | });
|
| | | }
|
| | |
|
| | | m.update();
|
| | | });
|
| | |
|
| | | p1 = DOM.getPos(ed.getContentAreaContainer());
|
| | | m.settings.offset_x = p1.x;
|
| | | m.settings.offset_y = p1.y;
|
| | |
|
| | | ed.selection.select(wordSpan);
|
| | | p1 = dom.getPos(wordSpan);
|
| | | m.showMenu(p1.x, p1.y + wordSpan.offsetHeight - vp.y);
|
| | |
|
| | | return tinymce.dom.Event.cancel(e);
|
| | | } else
|
| | | m.hideMenu();
|
| | | },
|
| | |
|
| | | _checkDone : function() {
|
| | | var t = this, ed = t.editor, dom = ed.dom, o;
|
| | |
|
| | | each(dom.select('span'), function(n) {
|
| | | if (n && dom.hasClass(n, 'mceItemHiddenSpellWord')) {
|
| | | o = true;
|
| | | return false;
|
| | | }
|
| | | });
|
| | |
|
| | | if (!o)
|
| | | t._done();
|
| | | },
|
| | |
|
| | | _done : function() {
|
| | | var t = this, la = t.active;
|
| | |
|
| | | if (t.active) {
|
| | | t.active = 0;
|
| | | t._removeWords();
|
| | |
|
| | | if (t._menu)
|
| | | t._menu.hideMenu();
|
| | |
|
| | | if (la)
|
| | | t.editor.nodeChanged();
|
| | | }
|
| | | },
|
| | |
|
| | | _sendRPC : function(m, p, cb) {
|
| | | var t = this;
|
| | |
|
| | | JSONRequest.sendRPC({
|
| | | url : t.rpcUrl,
|
| | | method : m,
|
| | | params : p,
|
| | | success : cb,
|
| | | error : function(e, x) {
|
| | | t.editor.setProgressState(0);
|
| | | t.editor.windowManager.alert(e.errstr || ('Error response: ' + x.responseText));
|
| | | }
|
| | | });
|
| | | }
|
| | | });
|
| | |
|
| | | // Register plugin
|
| | | tinymce.PluginManager.add('spellchecker', tinymce.plugins.SpellcheckerPlugin);
|
| | | })();
|
New file |
| | |
| | | #text_font {width:250px;}
|
| | | #text_size {width:70px;}
|
| | | .mceAddSelectValue {background:#DDD;}
|
| | | select, #block_text_indent, #box_width, #box_height, #box_padding_top, #box_padding_right, #box_padding_bottom, #box_padding_left {width:70px;}
|
| | | #box_margin_top, #box_margin_right, #box_margin_bottom, #box_margin_left, #positioning_width, #positioning_height, #positioning_zindex {width:70px;}
|
| | | #positioning_placement_top, #positioning_placement_right, #positioning_placement_bottom, #positioning_placement_left {width:70px;}
|
| | | #positioning_clip_top, #positioning_clip_right, #positioning_clip_bottom, #positioning_clip_left {width:70px;}
|
| | | .panel_wrapper div.current {padding-top:10px;height:230px;}
|
| | | .delim {border-left:1px solid gray;}
|
| | | .tdelim {border-bottom:1px solid gray;}
|
| | | #block_display {width:145px;}
|
| | | #list_type {width:115px;}
|
| | | .disabled {background:#EEE;}
|
New file |
| | |
| | | (function(){tinymce.create("tinymce.plugins.StylePlugin",{init:function(a,b){a.addCommand("mceStyleProps",function(){a.windowManager.open({file:b+"/props.htm",width:480+parseInt(a.getLang("style.delta_width",0)),height:320+parseInt(a.getLang("style.delta_height",0)),inline:1},{plugin_url:b,style_text:a.selection.getNode().style.cssText})});a.addCommand("mceSetElementStyle",function(d,c){if(e=a.selection.getNode()){a.dom.setAttrib(e,"style",c);a.execCommand("mceRepaint")}});a.onNodeChange.add(function(d,c,f){c.setDisabled("styleprops",f.nodeName==="BODY")});a.addButton("styleprops",{title:"style.desc",cmd:"mceStyleProps"})},getInfo:function(){return{longname:"Style",author:"Moxiecode Systems AB",authorurl:"http://tinymce.moxiecode.com",infourl:"http://wiki.moxiecode.com/index.php/TinyMCE:Plugins/style",version:tinymce.majorVersion+"."+tinymce.minorVersion}}});tinymce.PluginManager.add("style",tinymce.plugins.StylePlugin)})(); |
New file |
| | |
| | | /**
|
| | | * editor_plugin_src.js
|
| | | *
|
| | | * Copyright 2009, Moxiecode Systems AB
|
| | | * Released under LGPL License.
|
| | | *
|
| | | * License: http://tinymce.moxiecode.com/license
|
| | | * Contributing: http://tinymce.moxiecode.com/contributing
|
| | | */
|
| | |
|
| | | (function() {
|
| | | tinymce.create('tinymce.plugins.StylePlugin', {
|
| | | init : function(ed, url) {
|
| | | // Register commands
|
| | | ed.addCommand('mceStyleProps', function() {
|
| | | ed.windowManager.open({
|
| | | file : url + '/props.htm',
|
| | | width : 480 + parseInt(ed.getLang('style.delta_width', 0)),
|
| | | height : 320 + parseInt(ed.getLang('style.delta_height', 0)),
|
| | | inline : 1
|
| | | }, {
|
| | | plugin_url : url,
|
| | | style_text : ed.selection.getNode().style.cssText
|
| | | });
|
| | | });
|
| | |
|
| | | ed.addCommand('mceSetElementStyle', function(ui, v) {
|
| | | if (e = ed.selection.getNode()) {
|
| | | ed.dom.setAttrib(e, 'style', v);
|
| | | ed.execCommand('mceRepaint');
|
| | | }
|
| | | });
|
| | |
|
| | | ed.onNodeChange.add(function(ed, cm, n) {
|
| | | cm.setDisabled('styleprops', n.nodeName === 'BODY');
|
| | | });
|
| | |
|
| | | // Register buttons
|
| | | ed.addButton('styleprops', {title : 'style.desc', cmd : 'mceStyleProps'});
|
| | | },
|
| | |
|
| | | getInfo : function() {
|
| | | return {
|
| | | longname : 'Style',
|
| | | author : 'Moxiecode Systems AB',
|
| | | authorurl : 'http://tinymce.moxiecode.com',
|
| | | infourl : 'http://wiki.moxiecode.com/index.php/TinyMCE:Plugins/style',
|
| | | version : tinymce.majorVersion + "." + tinymce.minorVersion
|
| | | };
|
| | | }
|
| | | });
|
| | |
|
| | | // Register plugin
|
| | | tinymce.PluginManager.add('style', tinymce.plugins.StylePlugin);
|
| | | })(); |
New file |
| | |
| | | tinyMCEPopup.requireLangPack();
|
| | |
|
| | | var defaultFonts = "" + |
| | | "Arial, Helvetica, sans-serif=Arial, Helvetica, sans-serif;" + |
| | | "Times New Roman, Times, serif=Times New Roman, Times, serif;" + |
| | | "Courier New, Courier, mono=Courier New, Courier, mono;" + |
| | | "Times New Roman, Times, serif=Times New Roman, Times, serif;" + |
| | | "Georgia, Times New Roman, Times, serif=Georgia, Times New Roman, Times, serif;" + |
| | | "Verdana, Arial, Helvetica, sans-serif=Verdana, Arial, Helvetica, sans-serif;" + |
| | | "Geneva, Arial, Helvetica, sans-serif=Geneva, Arial, Helvetica, sans-serif";
|
| | |
|
| | | var defaultSizes = "9;10;12;14;16;18;24;xx-small;x-small;small;medium;large;x-large;xx-large;smaller;larger";
|
| | | var defaultMeasurement = "+pixels=px;points=pt;inches=in;centimetres=cm;millimetres=mm;picas=pc;ems=em;exs=ex;%";
|
| | | var defaultSpacingMeasurement = "pixels=px;points=pt;inches=in;centimetres=cm;millimetres=mm;picas=pc;+ems=em;exs=ex;%";
|
| | | var defaultIndentMeasurement = "pixels=px;+points=pt;inches=in;centimetres=cm;millimetres=mm;picas=pc;ems=em;exs=ex;%";
|
| | | var defaultWeight = "normal;bold;bolder;lighter;100;200;300;400;500;600;700;800;900";
|
| | | var defaultTextStyle = "normal;italic;oblique";
|
| | | var defaultVariant = "normal;small-caps";
|
| | | var defaultLineHeight = "normal";
|
| | | var defaultAttachment = "fixed;scroll";
|
| | | var defaultRepeat = "no-repeat;repeat;repeat-x;repeat-y";
|
| | | var defaultPosH = "left;center;right";
|
| | | var defaultPosV = "top;center;bottom";
|
| | | var defaultVAlign = "baseline;sub;super;top;text-top;middle;bottom;text-bottom";
|
| | | var defaultDisplay = "inline;block;list-item;run-in;compact;marker;table;inline-table;table-row-group;table-header-group;table-footer-group;table-row;table-column-group;table-column;table-cell;table-caption;none";
|
| | | var defaultBorderStyle = "none;solid;dashed;dotted;double;groove;ridge;inset;outset";
|
| | | var defaultBorderWidth = "thin;medium;thick";
|
| | | var defaultListType = "disc;circle;square;decimal;lower-roman;upper-roman;lower-alpha;upper-alpha;none";
|
| | |
|
| | | function init() {
|
| | | var ce = document.getElementById('container'), h;
|
| | |
|
| | | ce.style.cssText = tinyMCEPopup.getWindowArg('style_text');
|
| | |
|
| | | h = getBrowserHTML('background_image_browser','background_image','image','advimage');
|
| | | document.getElementById("background_image_browser").innerHTML = h;
|
| | |
|
| | | document.getElementById('text_color_pickcontainer').innerHTML = getColorPickerHTML('text_color_pick','text_color');
|
| | | document.getElementById('background_color_pickcontainer').innerHTML = getColorPickerHTML('background_color_pick','background_color');
|
| | | document.getElementById('border_color_top_pickcontainer').innerHTML = getColorPickerHTML('border_color_top_pick','border_color_top');
|
| | | document.getElementById('border_color_right_pickcontainer').innerHTML = getColorPickerHTML('border_color_right_pick','border_color_right');
|
| | | document.getElementById('border_color_bottom_pickcontainer').innerHTML = getColorPickerHTML('border_color_bottom_pick','border_color_bottom');
|
| | | document.getElementById('border_color_left_pickcontainer').innerHTML = getColorPickerHTML('border_color_left_pick','border_color_left');
|
| | |
|
| | | fillSelect(0, 'text_font', 'style_font', defaultFonts, ';', true);
|
| | | fillSelect(0, 'text_size', 'style_font_size', defaultSizes, ';', true);
|
| | | fillSelect(0, 'text_size_measurement', 'style_font_size_measurement', defaultMeasurement, ';', true);
|
| | | fillSelect(0, 'text_case', 'style_text_case', "capitalize;uppercase;lowercase", ';', true);
|
| | | fillSelect(0, 'text_weight', 'style_font_weight', defaultWeight, ';', true);
|
| | | fillSelect(0, 'text_style', 'style_font_style', defaultTextStyle, ';', true);
|
| | | fillSelect(0, 'text_variant', 'style_font_variant', defaultVariant, ';', true);
|
| | | fillSelect(0, 'text_lineheight', 'style_font_line_height', defaultLineHeight, ';', true);
|
| | | fillSelect(0, 'text_lineheight_measurement', 'style_font_line_height_measurement', defaultMeasurement, ';', true);
|
| | |
|
| | | fillSelect(0, 'background_attachment', 'style_background_attachment', defaultAttachment, ';', true);
|
| | | fillSelect(0, 'background_repeat', 'style_background_repeat', defaultRepeat, ';', true);
|
| | |
|
| | | fillSelect(0, 'background_hpos_measurement', 'style_background_hpos_measurement', defaultMeasurement, ';', true);
|
| | | fillSelect(0, 'background_vpos_measurement', 'style_background_vpos_measurement', defaultMeasurement, ';', true);
|
| | |
|
| | | fillSelect(0, 'background_hpos', 'style_background_hpos', defaultPosH, ';', true);
|
| | | fillSelect(0, 'background_vpos', 'style_background_vpos', defaultPosV, ';', true);
|
| | |
|
| | | fillSelect(0, 'block_wordspacing', 'style_wordspacing', 'normal', ';', true);
|
| | | fillSelect(0, 'block_wordspacing_measurement', 'style_wordspacing_measurement', defaultSpacingMeasurement, ';', true);
|
| | | fillSelect(0, 'block_letterspacing', 'style_letterspacing', 'normal', ';', true);
|
| | | fillSelect(0, 'block_letterspacing_measurement', 'style_letterspacing_measurement', defaultSpacingMeasurement, ';', true);
|
| | | fillSelect(0, 'block_vertical_alignment', 'style_vertical_alignment', defaultVAlign, ';', true);
|
| | | fillSelect(0, 'block_text_align', 'style_text_align', "left;right;center;justify", ';', true);
|
| | | fillSelect(0, 'block_whitespace', 'style_whitespace', "normal;pre;nowrap", ';', true);
|
| | | fillSelect(0, 'block_display', 'style_display', defaultDisplay, ';', true);
|
| | | fillSelect(0, 'block_text_indent_measurement', 'style_text_indent_measurement', defaultIndentMeasurement, ';', true);
|
| | |
|
| | | fillSelect(0, 'box_width_measurement', 'style_box_width_measurement', defaultMeasurement, ';', true);
|
| | | fillSelect(0, 'box_height_measurement', 'style_box_height_measurement', defaultMeasurement, ';', true);
|
| | | fillSelect(0, 'box_float', 'style_float', 'left;right;none', ';', true);
|
| | | fillSelect(0, 'box_clear', 'style_clear', 'left;right;both;none', ';', true);
|
| | | fillSelect(0, 'box_padding_left_measurement', 'style_padding_left_measurement', defaultMeasurement, ';', true);
|
| | | fillSelect(0, 'box_padding_top_measurement', 'style_padding_top_measurement', defaultMeasurement, ';', true);
|
| | | fillSelect(0, 'box_padding_bottom_measurement', 'style_padding_bottom_measurement', defaultMeasurement, ';', true);
|
| | | fillSelect(0, 'box_padding_right_measurement', 'style_padding_right_measurement', defaultMeasurement, ';', true);
|
| | | fillSelect(0, 'box_margin_left_measurement', 'style_margin_left_measurement', defaultMeasurement, ';', true);
|
| | | fillSelect(0, 'box_margin_top_measurement', 'style_margin_top_measurement', defaultMeasurement, ';', true);
|
| | | fillSelect(0, 'box_margin_bottom_measurement', 'style_margin_bottom_measurement', defaultMeasurement, ';', true);
|
| | | fillSelect(0, 'box_margin_right_measurement', 'style_margin_right_measurement', defaultMeasurement, ';', true);
|
| | |
|
| | | fillSelect(0, 'border_style_top', 'style_border_style_top', defaultBorderStyle, ';', true);
|
| | | fillSelect(0, 'border_style_right', 'style_border_style_right', defaultBorderStyle, ';', true);
|
| | | fillSelect(0, 'border_style_bottom', 'style_border_style_bottom', defaultBorderStyle, ';', true);
|
| | | fillSelect(0, 'border_style_left', 'style_border_style_left', defaultBorderStyle, ';', true);
|
| | |
|
| | | fillSelect(0, 'border_width_top', 'style_border_width_top', defaultBorderWidth, ';', true);
|
| | | fillSelect(0, 'border_width_right', 'style_border_width_right', defaultBorderWidth, ';', true);
|
| | | fillSelect(0, 'border_width_bottom', 'style_border_width_bottom', defaultBorderWidth, ';', true);
|
| | | fillSelect(0, 'border_width_left', 'style_border_width_left', defaultBorderWidth, ';', true);
|
| | |
|
| | | fillSelect(0, 'border_width_top_measurement', 'style_border_width_top_measurement', defaultMeasurement, ';', true);
|
| | | fillSelect(0, 'border_width_right_measurement', 'style_border_width_right_measurement', defaultMeasurement, ';', true);
|
| | | fillSelect(0, 'border_width_bottom_measurement', 'style_border_width_bottom_measurement', defaultMeasurement, ';', true);
|
| | | fillSelect(0, 'border_width_left_measurement', 'style_border_width_left_measurement', defaultMeasurement, ';', true);
|
| | |
|
| | | fillSelect(0, 'list_type', 'style_list_type', defaultListType, ';', true);
|
| | | fillSelect(0, 'list_position', 'style_list_position', "inside;outside", ';', true);
|
| | |
|
| | | fillSelect(0, 'positioning_type', 'style_positioning_type', "absolute;relative;static", ';', true);
|
| | | fillSelect(0, 'positioning_visibility', 'style_positioning_visibility', "inherit;visible;hidden", ';', true);
|
| | |
|
| | | fillSelect(0, 'positioning_width_measurement', 'style_positioning_width_measurement', defaultMeasurement, ';', true);
|
| | | fillSelect(0, 'positioning_height_measurement', 'style_positioning_height_measurement', defaultMeasurement, ';', true);
|
| | | fillSelect(0, 'positioning_overflow', 'style_positioning_overflow', "visible;hidden;scroll;auto", ';', true);
|
| | |
|
| | | fillSelect(0, 'positioning_placement_top_measurement', 'style_positioning_placement_top_measurement', defaultMeasurement, ';', true);
|
| | | fillSelect(0, 'positioning_placement_right_measurement', 'style_positioning_placement_right_measurement', defaultMeasurement, ';', true);
|
| | | fillSelect(0, 'positioning_placement_bottom_measurement', 'style_positioning_placement_bottom_measurement', defaultMeasurement, ';', true);
|
| | | fillSelect(0, 'positioning_placement_left_measurement', 'style_positioning_placement_left_measurement', defaultMeasurement, ';', true);
|
| | |
|
| | | fillSelect(0, 'positioning_clip_top_measurement', 'style_positioning_clip_top_measurement', defaultMeasurement, ';', true);
|
| | | fillSelect(0, 'positioning_clip_right_measurement', 'style_positioning_clip_right_measurement', defaultMeasurement, ';', true);
|
| | | fillSelect(0, 'positioning_clip_bottom_measurement', 'style_positioning_clip_bottom_measurement', defaultMeasurement, ';', true);
|
| | | fillSelect(0, 'positioning_clip_left_measurement', 'style_positioning_clip_left_measurement', defaultMeasurement, ';', true);
|
| | |
|
| | | TinyMCE_EditableSelects.init();
|
| | | setupFormData();
|
| | | showDisabledControls();
|
| | | }
|
| | |
|
| | | function setupFormData() {
|
| | | var ce = document.getElementById('container'), f = document.forms[0], s, b, i;
|
| | |
|
| | | // Setup text fields
|
| | |
|
| | | selectByValue(f, 'text_font', ce.style.fontFamily, true, true);
|
| | | selectByValue(f, 'text_size', getNum(ce.style.fontSize), true, true);
|
| | | selectByValue(f, 'text_size_measurement', getMeasurement(ce.style.fontSize));
|
| | | selectByValue(f, 'text_weight', ce.style.fontWeight, true, true);
|
| | | selectByValue(f, 'text_style', ce.style.fontStyle, true, true);
|
| | | selectByValue(f, 'text_lineheight', getNum(ce.style.lineHeight), true, true);
|
| | | selectByValue(f, 'text_lineheight_measurement', getMeasurement(ce.style.lineHeight));
|
| | | selectByValue(f, 'text_case', ce.style.textTransform, true, true);
|
| | | selectByValue(f, 'text_variant', ce.style.fontVariant, true, true);
|
| | | f.text_color.value = tinyMCEPopup.editor.dom.toHex(ce.style.color);
|
| | | updateColor('text_color_pick', 'text_color');
|
| | | f.text_underline.checked = inStr(ce.style.textDecoration, 'underline');
|
| | | f.text_overline.checked = inStr(ce.style.textDecoration, 'overline');
|
| | | f.text_linethrough.checked = inStr(ce.style.textDecoration, 'line-through');
|
| | | f.text_blink.checked = inStr(ce.style.textDecoration, 'blink');
|
| | |
|
| | | // Setup background fields
|
| | |
|
| | | f.background_color.value = tinyMCEPopup.editor.dom.toHex(ce.style.backgroundColor);
|
| | | updateColor('background_color_pick', 'background_color');
|
| | | f.background_image.value = ce.style.backgroundImage.replace(new RegExp("url\\('?([^']*)'?\\)", 'gi'), "$1");
|
| | | selectByValue(f, 'background_repeat', ce.style.backgroundRepeat, true, true);
|
| | | selectByValue(f, 'background_attachment', ce.style.backgroundAttachment, true, true);
|
| | | selectByValue(f, 'background_hpos', getNum(getVal(ce.style.backgroundPosition, 0)), true, true);
|
| | | selectByValue(f, 'background_hpos_measurement', getMeasurement(getVal(ce.style.backgroundPosition, 0)));
|
| | | selectByValue(f, 'background_vpos', getNum(getVal(ce.style.backgroundPosition, 1)), true, true);
|
| | | selectByValue(f, 'background_vpos_measurement', getMeasurement(getVal(ce.style.backgroundPosition, 1)));
|
| | |
|
| | | // Setup block fields
|
| | |
|
| | | selectByValue(f, 'block_wordspacing', getNum(ce.style.wordSpacing), true, true);
|
| | | selectByValue(f, 'block_wordspacing_measurement', getMeasurement(ce.style.wordSpacing));
|
| | | selectByValue(f, 'block_letterspacing', getNum(ce.style.letterSpacing), true, true);
|
| | | selectByValue(f, 'block_letterspacing_measurement', getMeasurement(ce.style.letterSpacing));
|
| | | selectByValue(f, 'block_vertical_alignment', ce.style.verticalAlign, true, true);
|
| | | selectByValue(f, 'block_text_align', ce.style.textAlign, true, true);
|
| | | f.block_text_indent.value = getNum(ce.style.textIndent);
|
| | | selectByValue(f, 'block_text_indent_measurement', getMeasurement(ce.style.textIndent));
|
| | | selectByValue(f, 'block_whitespace', ce.style.whiteSpace, true, true);
|
| | | selectByValue(f, 'block_display', ce.style.display, true, true);
|
| | |
|
| | | // Setup box fields
|
| | |
|
| | | f.box_width.value = getNum(ce.style.width);
|
| | | selectByValue(f, 'box_width_measurement', getMeasurement(ce.style.width));
|
| | |
|
| | | f.box_height.value = getNum(ce.style.height);
|
| | | selectByValue(f, 'box_height_measurement', getMeasurement(ce.style.height));
|
| | | selectByValue(f, 'box_float', ce.style.cssFloat || ce.style.styleFloat, true, true);
|
| | |
|
| | | selectByValue(f, 'box_clear', ce.style.clear, true, true);
|
| | |
|
| | | setupBox(f, ce, 'box_padding', 'padding', '');
|
| | | setupBox(f, ce, 'box_margin', 'margin', '');
|
| | |
|
| | | // Setup border fields
|
| | |
|
| | | setupBox(f, ce, 'border_style', 'border', 'Style');
|
| | | setupBox(f, ce, 'border_width', 'border', 'Width');
|
| | | setupBox(f, ce, 'border_color', 'border', 'Color');
|
| | |
|
| | | updateColor('border_color_top_pick', 'border_color_top');
|
| | | updateColor('border_color_right_pick', 'border_color_right');
|
| | | updateColor('border_color_bottom_pick', 'border_color_bottom');
|
| | | updateColor('border_color_left_pick', 'border_color_left');
|
| | |
|
| | | f.elements.border_color_top.value = tinyMCEPopup.editor.dom.toHex(f.elements.border_color_top.value);
|
| | | f.elements.border_color_right.value = tinyMCEPopup.editor.dom.toHex(f.elements.border_color_right.value);
|
| | | f.elements.border_color_bottom.value = tinyMCEPopup.editor.dom.toHex(f.elements.border_color_bottom.value);
|
| | | f.elements.border_color_left.value = tinyMCEPopup.editor.dom.toHex(f.elements.border_color_left.value);
|
| | |
|
| | | // Setup list fields
|
| | |
|
| | | selectByValue(f, 'list_type', ce.style.listStyleType, true, true);
|
| | | selectByValue(f, 'list_position', ce.style.listStylePosition, true, true);
|
| | | f.list_bullet_image.value = ce.style.listStyleImage.replace(new RegExp("url\\('?([^']*)'?\\)", 'gi'), "$1");
|
| | |
|
| | | // Setup box fields
|
| | |
|
| | | selectByValue(f, 'positioning_type', ce.style.position, true, true);
|
| | | selectByValue(f, 'positioning_visibility', ce.style.visibility, true, true);
|
| | | selectByValue(f, 'positioning_overflow', ce.style.overflow, true, true);
|
| | | f.positioning_zindex.value = ce.style.zIndex ? ce.style.zIndex : "";
|
| | |
|
| | | f.positioning_width.value = getNum(ce.style.width);
|
| | | selectByValue(f, 'positioning_width_measurement', getMeasurement(ce.style.width));
|
| | |
|
| | | f.positioning_height.value = getNum(ce.style.height);
|
| | | selectByValue(f, 'positioning_height_measurement', getMeasurement(ce.style.height));
|
| | |
|
| | | setupBox(f, ce, 'positioning_placement', '', '', ['top', 'right', 'bottom', 'left']);
|
| | |
|
| | | s = ce.style.clip.replace(new RegExp("rect\\('?([^']*)'?\\)", 'gi'), "$1");
|
| | | s = s.replace(/,/g, ' ');
|
| | |
|
| | | if (!hasEqualValues([getVal(s, 0), getVal(s, 1), getVal(s, 2), getVal(s, 3)])) {
|
| | | f.positioning_clip_top.value = getNum(getVal(s, 0));
|
| | | selectByValue(f, 'positioning_clip_top_measurement', getMeasurement(getVal(s, 0)));
|
| | | f.positioning_clip_right.value = getNum(getVal(s, 1));
|
| | | selectByValue(f, 'positioning_clip_right_measurement', getMeasurement(getVal(s, 1)));
|
| | | f.positioning_clip_bottom.value = getNum(getVal(s, 2));
|
| | | selectByValue(f, 'positioning_clip_bottom_measurement', getMeasurement(getVal(s, 2)));
|
| | | f.positioning_clip_left.value = getNum(getVal(s, 3));
|
| | | selectByValue(f, 'positioning_clip_left_measurement', getMeasurement(getVal(s, 3)));
|
| | | } else {
|
| | | f.positioning_clip_top.value = getNum(getVal(s, 0));
|
| | | selectByValue(f, 'positioning_clip_top_measurement', getMeasurement(getVal(s, 0)));
|
| | | f.positioning_clip_right.value = f.positioning_clip_bottom.value = f.positioning_clip_left.value;
|
| | | }
|
| | |
|
| | | // setupBox(f, ce, '', 'border', 'Color');
|
| | | }
|
| | |
|
| | | function getMeasurement(s) {
|
| | | return s.replace(/^([0-9.]+)(.*)$/, "$2");
|
| | | }
|
| | |
|
| | | function getNum(s) {
|
| | | if (new RegExp('^(?:[0-9.]+)(?:[a-z%]+)$', 'gi').test(s))
|
| | | return s.replace(/[^0-9.]/g, '');
|
| | |
|
| | | return s;
|
| | | }
|
| | |
|
| | | function inStr(s, n) {
|
| | | return new RegExp(n, 'gi').test(s);
|
| | | }
|
| | |
|
| | | function getVal(s, i) {
|
| | | var a = s.split(' ');
|
| | |
|
| | | if (a.length > 1)
|
| | | return a[i];
|
| | |
|
| | | return "";
|
| | | }
|
| | |
|
| | | function setValue(f, n, v) {
|
| | | if (f.elements[n].type == "text")
|
| | | f.elements[n].value = v;
|
| | | else
|
| | | selectByValue(f, n, v, true, true);
|
| | | }
|
| | |
|
| | | function setupBox(f, ce, fp, pr, sf, b) {
|
| | | if (typeof(b) == "undefined")
|
| | | b = ['Top', 'Right', 'Bottom', 'Left'];
|
| | |
|
| | | if (isSame(ce, pr, sf, b)) {
|
| | | f.elements[fp + "_same"].checked = true;
|
| | |
|
| | | setValue(f, fp + "_top", getNum(ce.style[pr + b[0] + sf]));
|
| | | f.elements[fp + "_top"].disabled = false;
|
| | |
|
| | | f.elements[fp + "_right"].value = "";
|
| | | f.elements[fp + "_right"].disabled = true;
|
| | | f.elements[fp + "_bottom"].value = "";
|
| | | f.elements[fp + "_bottom"].disabled = true;
|
| | | f.elements[fp + "_left"].value = "";
|
| | | f.elements[fp + "_left"].disabled = true;
|
| | |
|
| | | if (f.elements[fp + "_top_measurement"]) {
|
| | | selectByValue(f, fp + '_top_measurement', getMeasurement(ce.style[pr + b[0] + sf]));
|
| | | f.elements[fp + "_left_measurement"].disabled = true;
|
| | | f.elements[fp + "_bottom_measurement"].disabled = true;
|
| | | f.elements[fp + "_right_measurement"].disabled = true;
|
| | | }
|
| | | } else {
|
| | | f.elements[fp + "_same"].checked = false;
|
| | |
|
| | | setValue(f, fp + "_top", getNum(ce.style[pr + b[0] + sf]));
|
| | | f.elements[fp + "_top"].disabled = false;
|
| | |
|
| | | setValue(f, fp + "_right", getNum(ce.style[pr + b[1] + sf]));
|
| | | f.elements[fp + "_right"].disabled = false;
|
| | |
|
| | | setValue(f, fp + "_bottom", getNum(ce.style[pr + b[2] + sf]));
|
| | | f.elements[fp + "_bottom"].disabled = false;
|
| | |
|
| | | setValue(f, fp + "_left", getNum(ce.style[pr + b[3] + sf]));
|
| | | f.elements[fp + "_left"].disabled = false;
|
| | |
|
| | | if (f.elements[fp + "_top_measurement"]) {
|
| | | selectByValue(f, fp + '_top_measurement', getMeasurement(ce.style[pr + b[0] + sf]));
|
| | | selectByValue(f, fp + '_right_measurement', getMeasurement(ce.style[pr + b[1] + sf]));
|
| | | selectByValue(f, fp + '_bottom_measurement', getMeasurement(ce.style[pr + b[2] + sf]));
|
| | | selectByValue(f, fp + '_left_measurement', getMeasurement(ce.style[pr + b[3] + sf]));
|
| | | f.elements[fp + "_left_measurement"].disabled = false;
|
| | | f.elements[fp + "_bottom_measurement"].disabled = false;
|
| | | f.elements[fp + "_right_measurement"].disabled = false;
|
| | | }
|
| | | }
|
| | | }
|
| | |
|
| | | function isSame(e, pr, sf, b) {
|
| | | var a = [], i, x;
|
| | |
|
| | | if (typeof(b) == "undefined")
|
| | | b = ['Top', 'Right', 'Bottom', 'Left'];
|
| | |
|
| | | if (typeof(sf) == "undefined" || sf == null)
|
| | | sf = "";
|
| | |
|
| | | a[0] = e.style[pr + b[0] + sf];
|
| | | a[1] = e.style[pr + b[1] + sf];
|
| | | a[2] = e.style[pr + b[2] + sf];
|
| | | a[3] = e.style[pr + b[3] + sf];
|
| | |
|
| | | for (i=0; i<a.length; i++) {
|
| | | if (a[i] == null)
|
| | | return false;
|
| | |
|
| | | for (x=0; x<a.length; x++) {
|
| | | if (a[x] != a[i])
|
| | | return false;
|
| | | }
|
| | | }
|
| | |
|
| | | return true;
|
| | | };
|
| | |
|
| | | function hasEqualValues(a) {
|
| | | var i, x;
|
| | |
|
| | | for (i=0; i<a.length; i++) {
|
| | | if (a[i] == null)
|
| | | return false;
|
| | |
|
| | | for (x=0; x<a.length; x++) {
|
| | | if (a[x] != a[i])
|
| | | return false;
|
| | | }
|
| | | }
|
| | |
|
| | | return true;
|
| | | }
|
| | |
|
| | | function applyAction() {
|
| | | var ce = document.getElementById('container'), ed = tinyMCEPopup.editor;
|
| | |
|
| | | generateCSS();
|
| | |
|
| | | tinyMCEPopup.restoreSelection();
|
| | | ed.dom.setAttrib(ed.selection.getSelectedBlocks(), 'style', tinyMCEPopup.editor.dom.serializeStyle(tinyMCEPopup.editor.dom.parseStyle(ce.style.cssText)));
|
| | | }
|
| | |
|
| | | function updateAction() {
|
| | | applyAction();
|
| | | tinyMCEPopup.close();
|
| | | }
|
| | |
|
| | | function generateCSS() {
|
| | | var ce = document.getElementById('container'), f = document.forms[0], num = new RegExp('[0-9]+', 'g'), s, t;
|
| | |
|
| | | ce.style.cssText = "";
|
| | |
|
| | | // Build text styles
|
| | | ce.style.fontFamily = f.text_font.value;
|
| | | ce.style.fontSize = f.text_size.value + (isNum(f.text_size.value) ? (f.text_size_measurement.value || 'px') : "");
|
| | | ce.style.fontStyle = f.text_style.value;
|
| | | ce.style.lineHeight = f.text_lineheight.value + (isNum(f.text_lineheight.value) ? f.text_lineheight_measurement.value : "");
|
| | | ce.style.textTransform = f.text_case.value;
|
| | | ce.style.fontWeight = f.text_weight.value;
|
| | | ce.style.fontVariant = f.text_variant.value;
|
| | | ce.style.color = f.text_color.value;
|
| | |
|
| | | s = "";
|
| | | s += f.text_underline.checked ? " underline" : "";
|
| | | s += f.text_overline.checked ? " overline" : "";
|
| | | s += f.text_linethrough.checked ? " line-through" : "";
|
| | | s += f.text_blink.checked ? " blink" : "";
|
| | | s = s.length > 0 ? s.substring(1) : s;
|
| | |
|
| | | if (f.text_none.checked)
|
| | | s = "none";
|
| | |
|
| | | ce.style.textDecoration = s;
|
| | |
|
| | | // Build background styles
|
| | |
|
| | | ce.style.backgroundColor = f.background_color.value;
|
| | | ce.style.backgroundImage = f.background_image.value != "" ? "url(" + f.background_image.value + ")" : "";
|
| | | ce.style.backgroundRepeat = f.background_repeat.value;
|
| | | ce.style.backgroundAttachment = f.background_attachment.value;
|
| | |
|
| | | if (f.background_hpos.value != "") {
|
| | | s = "";
|
| | | s += f.background_hpos.value + (isNum(f.background_hpos.value) ? f.background_hpos_measurement.value : "") + " ";
|
| | | s += f.background_vpos.value + (isNum(f.background_vpos.value) ? f.background_vpos_measurement.value : "");
|
| | | ce.style.backgroundPosition = s;
|
| | | }
|
| | |
|
| | | // Build block styles
|
| | |
|
| | | ce.style.wordSpacing = f.block_wordspacing.value + (isNum(f.block_wordspacing.value) ? f.block_wordspacing_measurement.value : "");
|
| | | ce.style.letterSpacing = f.block_letterspacing.value + (isNum(f.block_letterspacing.value) ? f.block_letterspacing_measurement.value : "");
|
| | | ce.style.verticalAlign = f.block_vertical_alignment.value;
|
| | | ce.style.textAlign = f.block_text_align.value;
|
| | | ce.style.textIndent = f.block_text_indent.value + (isNum(f.block_text_indent.value) ? f.block_text_indent_measurement.value : "");
|
| | | ce.style.whiteSpace = f.block_whitespace.value;
|
| | | ce.style.display = f.block_display.value;
|
| | |
|
| | | // Build box styles
|
| | |
|
| | | ce.style.width = f.box_width.value + (isNum(f.box_width.value) ? f.box_width_measurement.value : "");
|
| | | ce.style.height = f.box_height.value + (isNum(f.box_height.value) ? f.box_height_measurement.value : "");
|
| | | ce.style.styleFloat = f.box_float.value;
|
| | | ce.style.cssFloat = f.box_float.value;
|
| | |
|
| | | ce.style.clear = f.box_clear.value;
|
| | |
|
| | | if (!f.box_padding_same.checked) {
|
| | | ce.style.paddingTop = f.box_padding_top.value + (isNum(f.box_padding_top.value) ? f.box_padding_top_measurement.value : "");
|
| | | ce.style.paddingRight = f.box_padding_right.value + (isNum(f.box_padding_right.value) ? f.box_padding_right_measurement.value : "");
|
| | | ce.style.paddingBottom = f.box_padding_bottom.value + (isNum(f.box_padding_bottom.value) ? f.box_padding_bottom_measurement.value : "");
|
| | | ce.style.paddingLeft = f.box_padding_left.value + (isNum(f.box_padding_left.value) ? f.box_padding_left_measurement.value : "");
|
| | | } else
|
| | | ce.style.padding = f.box_padding_top.value + (isNum(f.box_padding_top.value) ? f.box_padding_top_measurement.value : ""); |
| | |
|
| | | if (!f.box_margin_same.checked) {
|
| | | ce.style.marginTop = f.box_margin_top.value + (isNum(f.box_margin_top.value) ? f.box_margin_top_measurement.value : "");
|
| | | ce.style.marginRight = f.box_margin_right.value + (isNum(f.box_margin_right.value) ? f.box_margin_right_measurement.value : "");
|
| | | ce.style.marginBottom = f.box_margin_bottom.value + (isNum(f.box_margin_bottom.value) ? f.box_margin_bottom_measurement.value : "");
|
| | | ce.style.marginLeft = f.box_margin_left.value + (isNum(f.box_margin_left.value) ? f.box_margin_left_measurement.value : "");
|
| | | } else
|
| | | ce.style.margin = f.box_margin_top.value + (isNum(f.box_margin_top.value) ? f.box_margin_top_measurement.value : ""); |
| | |
|
| | | // Build border styles
|
| | |
|
| | | if (!f.border_style_same.checked) {
|
| | | ce.style.borderTopStyle = f.border_style_top.value;
|
| | | ce.style.borderRightStyle = f.border_style_right.value;
|
| | | ce.style.borderBottomStyle = f.border_style_bottom.value;
|
| | | ce.style.borderLeftStyle = f.border_style_left.value;
|
| | | } else
|
| | | ce.style.borderStyle = f.border_style_top.value;
|
| | |
|
| | | if (!f.border_width_same.checked) {
|
| | | ce.style.borderTopWidth = f.border_width_top.value + (isNum(f.border_width_top.value) ? f.border_width_top_measurement.value : "");
|
| | | ce.style.borderRightWidth = f.border_width_right.value + (isNum(f.border_width_right.value) ? f.border_width_right_measurement.value : "");
|
| | | ce.style.borderBottomWidth = f.border_width_bottom.value + (isNum(f.border_width_bottom.value) ? f.border_width_bottom_measurement.value : "");
|
| | | ce.style.borderLeftWidth = f.border_width_left.value + (isNum(f.border_width_left.value) ? f.border_width_left_measurement.value : "");
|
| | | } else
|
| | | ce.style.borderWidth = f.border_width_top.value + (isNum(f.border_width_top.value) ? f.border_width_top_measurement.value : "");
|
| | |
|
| | | if (!f.border_color_same.checked) {
|
| | | ce.style.borderTopColor = f.border_color_top.value;
|
| | | ce.style.borderRightColor = f.border_color_right.value;
|
| | | ce.style.borderBottomColor = f.border_color_bottom.value;
|
| | | ce.style.borderLeftColor = f.border_color_left.value;
|
| | | } else
|
| | | ce.style.borderColor = f.border_color_top.value;
|
| | |
|
| | | // Build list styles
|
| | |
|
| | | ce.style.listStyleType = f.list_type.value;
|
| | | ce.style.listStylePosition = f.list_position.value;
|
| | | ce.style.listStyleImage = f.list_bullet_image.value != "" ? "url(" + f.list_bullet_image.value + ")" : "";
|
| | |
|
| | | // Build positioning styles
|
| | |
|
| | | ce.style.position = f.positioning_type.value;
|
| | | ce.style.visibility = f.positioning_visibility.value;
|
| | |
|
| | | if (ce.style.width == "")
|
| | | ce.style.width = f.positioning_width.value + (isNum(f.positioning_width.value) ? f.positioning_width_measurement.value : "");
|
| | |
|
| | | if (ce.style.height == "")
|
| | | ce.style.height = f.positioning_height.value + (isNum(f.positioning_height.value) ? f.positioning_height_measurement.value : "");
|
| | |
|
| | | ce.style.zIndex = f.positioning_zindex.value;
|
| | | ce.style.overflow = f.positioning_overflow.value;
|
| | |
|
| | | if (!f.positioning_placement_same.checked) {
|
| | | ce.style.top = f.positioning_placement_top.value + (isNum(f.positioning_placement_top.value) ? f.positioning_placement_top_measurement.value : "");
|
| | | ce.style.right = f.positioning_placement_right.value + (isNum(f.positioning_placement_right.value) ? f.positioning_placement_right_measurement.value : "");
|
| | | ce.style.bottom = f.positioning_placement_bottom.value + (isNum(f.positioning_placement_bottom.value) ? f.positioning_placement_bottom_measurement.value : "");
|
| | | ce.style.left = f.positioning_placement_left.value + (isNum(f.positioning_placement_left.value) ? f.positioning_placement_left_measurement.value : "");
|
| | | } else {
|
| | | s = f.positioning_placement_top.value + (isNum(f.positioning_placement_top.value) ? f.positioning_placement_top_measurement.value : "");
|
| | | ce.style.top = s;
|
| | | ce.style.right = s;
|
| | | ce.style.bottom = s;
|
| | | ce.style.left = s;
|
| | | }
|
| | |
|
| | | if (!f.positioning_clip_same.checked) {
|
| | | s = "rect(";
|
| | | s += (isNum(f.positioning_clip_top.value) ? f.positioning_clip_top.value + f.positioning_clip_top_measurement.value : "auto") + " ";
|
| | | s += (isNum(f.positioning_clip_right.value) ? f.positioning_clip_right.value + f.positioning_clip_right_measurement.value : "auto") + " ";
|
| | | s += (isNum(f.positioning_clip_bottom.value) ? f.positioning_clip_bottom.value + f.positioning_clip_bottom_measurement.value : "auto") + " ";
|
| | | s += (isNum(f.positioning_clip_left.value) ? f.positioning_clip_left.value + f.positioning_clip_left_measurement.value : "auto");
|
| | | s += ")";
|
| | |
|
| | | if (s != "rect(auto auto auto auto)")
|
| | | ce.style.clip = s;
|
| | | } else {
|
| | | s = "rect(";
|
| | | t = isNum(f.positioning_clip_top.value) ? f.positioning_clip_top.value + f.positioning_clip_top_measurement.value : "auto";
|
| | | s += t + " ";
|
| | | s += t + " ";
|
| | | s += t + " ";
|
| | | s += t + ")";
|
| | |
|
| | | if (s != "rect(auto auto auto auto)")
|
| | | ce.style.clip = s;
|
| | | }
|
| | |
|
| | | ce.style.cssText = ce.style.cssText;
|
| | | }
|
| | |
|
| | | function isNum(s) {
|
| | | return new RegExp('[0-9]+', 'g').test(s);
|
| | | }
|
| | |
|
| | | function showDisabledControls() {
|
| | | var f = document.forms, i, a;
|
| | |
|
| | | for (i=0; i<f.length; i++) {
|
| | | for (a=0; a<f[i].elements.length; a++) {
|
| | | if (f[i].elements[a].disabled)
|
| | | tinyMCEPopup.editor.dom.addClass(f[i].elements[a], "disabled");
|
| | | else
|
| | | tinyMCEPopup.editor.dom.removeClass(f[i].elements[a], "disabled");
|
| | | }
|
| | | }
|
| | | }
|
| | |
|
| | | function fillSelect(f, s, param, dval, sep, em) {
|
| | | var i, ar, p, se;
|
| | |
|
| | | f = document.forms[f];
|
| | | sep = typeof(sep) == "undefined" ? ";" : sep;
|
| | |
|
| | | if (em)
|
| | | addSelectValue(f, s, "", "");
|
| | |
|
| | | ar = tinyMCEPopup.getParam(param, dval).split(sep);
|
| | | for (i=0; i<ar.length; i++) {
|
| | | se = false;
|
| | |
|
| | | if (ar[i].charAt(0) == '+') {
|
| | | ar[i] = ar[i].substring(1);
|
| | | se = true;
|
| | | }
|
| | |
|
| | | p = ar[i].split('=');
|
| | |
|
| | | if (p.length > 1) {
|
| | | addSelectValue(f, s, p[0], p[1]);
|
| | |
|
| | | if (se)
|
| | | selectByValue(f, s, p[1]);
|
| | | } else {
|
| | | addSelectValue(f, s, p[0], p[0]);
|
| | |
|
| | | if (se)
|
| | | selectByValue(f, s, p[0]);
|
| | | }
|
| | | }
|
| | | }
|
| | |
|
| | | function toggleSame(ce, pre) {
|
| | | var el = document.forms[0].elements, i;
|
| | |
|
| | | if (ce.checked) {
|
| | | el[pre + "_top"].disabled = false;
|
| | | el[pre + "_right"].disabled = true;
|
| | | el[pre + "_bottom"].disabled = true;
|
| | | el[pre + "_left"].disabled = true;
|
| | |
|
| | | if (el[pre + "_top_measurement"]) {
|
| | | el[pre + "_top_measurement"].disabled = false;
|
| | | el[pre + "_right_measurement"].disabled = true;
|
| | | el[pre + "_bottom_measurement"].disabled = true;
|
| | | el[pre + "_left_measurement"].disabled = true;
|
| | | }
|
| | | } else {
|
| | | el[pre + "_top"].disabled = false;
|
| | | el[pre + "_right"].disabled = false;
|
| | | el[pre + "_bottom"].disabled = false;
|
| | | el[pre + "_left"].disabled = false;
|
| | |
|
| | | if (el[pre + "_top_measurement"]) {
|
| | | el[pre + "_top_measurement"].disabled = false;
|
| | | el[pre + "_right_measurement"].disabled = false;
|
| | | el[pre + "_bottom_measurement"].disabled = false;
|
| | | el[pre + "_left_measurement"].disabled = false;
|
| | | }
|
| | | }
|
| | |
|
| | | showDisabledControls();
|
| | | }
|
| | |
|
| | | function synch(fr, to) {
|
| | | var f = document.forms[0];
|
| | |
|
| | | f.elements[to].value = f.elements[fr].value;
|
| | |
|
| | | if (f.elements[fr + "_measurement"])
|
| | | selectByValue(f, to + "_measurement", f.elements[fr + "_measurement"].value);
|
| | | }
|
| | |
|
| | | tinyMCEPopup.onInit.add(init);
|
New file |
| | |
| | | tinyMCE.addI18n('en.style_dlg',{"text_lineheight":"Line Height","text_variant":"Variant","text_style":"Style","text_weight":"Weight","text_size":"Size","text_font":"Font","text_props":"Text","positioning_tab":"Positioning","list_tab":"List","border_tab":"Border","box_tab":"Box","block_tab":"Block","background_tab":"Background","text_tab":"Text",apply:"Apply",title:"Edit CSS Style",clip:"Clip",placement:"Placement",overflow:"Overflow",zindex:"Z-index",visibility:"Visibility","positioning_type":"Type",position:"Position","bullet_image":"Bullet Image","list_type":"Type",color:"Color",height:"Height",width:"Width",style:"Style",margin:"Margin",left:"Left",bottom:"Bottom",right:"Right",top:"Top",same:"Same for All",padding:"Padding","box_clear":"Clear","box_float":"Float","box_height":"Height","box_width":"Width","block_display":"Display","block_whitespace":"Whitespace","block_text_indent":"Text Indent","block_text_align":"Text Align","block_vertical_alignment":"Vertical Alignment","block_letterspacing":"Letter Spacing","block_wordspacing":"Word Spacing","background_vpos":"Vertical Position","background_hpos":"Horizontal Position","background_attachment":"Attachment","background_repeat":"Repeat","background_image":"Background Image","background_color":"Background Color","text_none":"None","text_blink":"Blink","text_case":"Case","text_striketrough":"Strikethrough","text_underline":"Underline","text_overline":"Overline","text_decoration":"Decoration","text_color":"Color",text:"Text",background:"Background",block:"Block",box:"Box",border:"Border",list:"List"}); |
New file |
| | |
| | | <!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>{#style_dlg.title}</title> |
| | | <script type="text/javascript" src="../../tiny_mce_popup.js"></script> |
| | | <script type="text/javascript" src="../../utils/mctabs.js"></script> |
| | | <script type="text/javascript" src="../../utils/editable_selects.js"></script> |
| | | <script type="text/javascript" src="../../utils/form_utils.js"></script> |
| | | <script type="text/javascript" src="js/props.js"></script> |
| | | <link href="css/props.css" rel="stylesheet" type="text/css" /> |
| | | </head> |
| | | |
| | | <body id="styleprops" style="display: none" role="application" aria-labelledby="app_title"> |
| | | <span id="app_title" style="display:none">{#style_dlg.title}</span> |
| | | <form onsubmit="updateAction();return false;" action="#"> |
| | | <div class="tabs"> |
| | | <ul> |
| | | <li id="text_tab" class="current" aria-controls="text_panel"><span><a href="javascript:mcTabs.displayTab('text_tab','text_panel');" onMouseDown="return false;">{#style_dlg.text_tab}</a></span></li> |
| | | <li id="background_tab" aria-controls="background_panel"><span><a href="javascript:mcTabs.displayTab('background_tab','background_panel');" onMouseDown="return false;">{#style_dlg.background_tab}</a></span></li> |
| | | <li id="block_tab" aria-controls="block_panel"><span><a href="javascript:mcTabs.displayTab('block_tab','block_panel');" onMouseDown="return false;">{#style_dlg.block_tab}</a></span></li> |
| | | <li id="box_tab" aria-controls="box_panel"><span><a href="javascript:mcTabs.displayTab('box_tab','box_panel');" onMouseDown="return false;">{#style_dlg.box_tab}</a></span></li> |
| | | <li id="border_tab" aria-controls="border_panel"><span><a href="javascript:mcTabs.displayTab('border_tab','border_panel');" onMouseDown="return false;">{#style_dlg.border_tab}</a></span></li> |
| | | <li id="list_tab" aria-controls="list_panel"><span><a href="javascript:mcTabs.displayTab('list_tab','list_panel');" onMouseDown="return false;">{#style_dlg.list_tab}</a></span></li> |
| | | <li id="positioning_tab" aria-controls="positioning_panel"><span><a href="javascript:mcTabs.displayTab('positioning_tab','positioning_panel');" onMouseDown="return false;">{#style_dlg.positioning_tab}</a></span></li> |
| | | </ul> |
| | | </div> |
| | | |
| | | <div class="panel_wrapper"> |
| | | <div id="text_panel" class="panel current"> |
| | | <fieldset> |
| | | <legend>{#style_dlg.text}</legend> |
| | | <table role="presentation" border="0" width="100%"> |
| | | <tr> |
| | | <td><label for="text_font">{#style_dlg.text_font}</label></td> |
| | | <td colspan="3"> |
| | | <select id="text_font" name="text_font" class="mceEditableSelect mceFocus"></select> |
| | | </td> |
| | | </tr> |
| | | <tr> |
| | | <td><label for="text_size">{#style_dlg.text_size}</label></td> |
| | | <td> |
| | | <table role="presentation" border="0" cellspacing="0" cellpadding="0"> |
| | | <tr> |
| | | <td><select id="text_size" name="text_size" class="mceEditableSelect"></select></td> |
| | | <td> </td> |
| | | <td> |
| | | <label id="text_size_measurement_label" for="text_size_measurement" style="display: none; visibility: hidden;">Text Size Measurement Unit</label> |
| | | <select id="text_size_measurement" name="text_size_measurement" aria-labelledby="text_size_measurement_label"></select> |
| | | </td> |
| | | </tr> |
| | | </table> |
| | | </td> |
| | | <td><label for="text_weight">{#style_dlg.text_weight}</label></td> |
| | | <td> |
| | | <select id="text_weight" name="text_weight"></select> |
| | | </td> |
| | | </tr> |
| | | <tr> |
| | | <td><label for="text_style">{#style_dlg.text_style}</label></td> |
| | | <td> |
| | | <select id="text_style" name="text_style" class="mceEditableSelect"></select> |
| | | </td> |
| | | <td><label for="text_variant">{#style_dlg.text_variant}</label></td> |
| | | <td> |
| | | <select id="text_variant" name="text_variant"></select> |
| | | </td> |
| | | </tr> |
| | | <tr> |
| | | <td><label for="text_lineheight">{#style_dlg.text_lineheight}</label></td> |
| | | <td> |
| | | <table role="presentation" border="0" cellspacing="0" cellpadding="0"> |
| | | <tr> |
| | | <td> |
| | | <select id="text_lineheight" name="text_lineheight" class="mceEditableSelect"></select> |
| | | </td> |
| | | <td> </td> |
| | | <td> |
| | | <label id="text_lineheight_measurement_label" for="text_lineheight_measurement" style="display: none; visibility: hidden;">Line Height Measurement Unit</label> |
| | | <select id="text_lineheight_measurement" name="text_lineheight_measurement" aria-labelledby="text_lineheight_measurement_label"></select> |
| | | </td> |
| | | </tr> |
| | | </table> |
| | | </td> |
| | | <td><label for="text_case">{#style_dlg.text_case}</label></td> |
| | | <td> |
| | | <select id="text_case" name="text_case"></select> |
| | | </td> |
| | | </tr> |
| | | <tr> |
| | | <td><label for="text_color">{#style_dlg.text_color}</label></td> |
| | | <td colspan="2"> |
| | | <table role="presentation" border="0" cellpadding="0" cellspacing="0"> |
| | | <tr> |
| | | <td><input id="text_color" name="text_color" type="text" value="" size="9" onChange="updateColor('text_color_pick','text_color');" /></td> |
| | | <td id="text_color_pickcontainer"> </td> |
| | | </tr> |
| | | </table> |
| | | </td> |
| | | </tr> |
| | | <tr> |
| | | <td valign="top" style="vertical-align: top; padding-top: 3px;">{#style_dlg.text_decoration}</td> |
| | | <td colspan="2"> |
| | | <table role="presentation" border="0" cellspacing="0" cellpadding="0"> |
| | | <tr> |
| | | <td><input id="text_underline" name="text_underline" class="checkbox" type="checkbox" /></td> |
| | | <td><label for="text_underline">{#style_dlg.text_underline}</label></td> |
| | | </tr> |
| | | <tr> |
| | | <td><input id="text_overline" name="text_overline" class="checkbox" type="checkbox" /></td> |
| | | <td><label for="text_overline">{#style_dlg.text_overline}</label></td> |
| | | </tr> |
| | | <tr> |
| | | <td><input id="text_linethrough" name="text_linethrough" class="checkbox" type="checkbox" /></td> |
| | | <td><label for="text_linethrough">{#style_dlg.text_striketrough}</label></td> |
| | | </tr> |
| | | <tr> |
| | | <td><input id="text_blink" name="text_blink" class="checkbox" type="checkbox" /></td> |
| | | <td><label for="text_blink">{#style_dlg.text_blink}</label></td> |
| | | </tr> |
| | | <tr> |
| | | <td><input id="text_none" name="text_none" class="checkbox" type="checkbox" /></td> |
| | | <td><label for="text_none">{#style_dlg.text_none}</label></td> |
| | | </tr> |
| | | </table> |
| | | </td> |
| | | </tr> |
| | | </table> |
| | | </fieldset> |
| | | </div> |
| | | |
| | | <div id="background_panel" class="panel"> |
| | | <fieldset> |
| | | <legend>{#style_dlg.background}</legend> |
| | | <table role="presentation" border="0"> |
| | | <tr> |
| | | <td><label for="background_color">{#style_dlg.background_color}</label></td> |
| | | <td> |
| | | <table role="presentation" border="0" cellpadding="0" cellspacing="0"> |
| | | <tr> |
| | | <td><input id="background_color" name="background_color" type="text" value="" size="9" onChange="updateColor('background_color_pick','background_color');" /></td> |
| | | <td id="background_color_pickcontainer"> </td> |
| | | </tr> |
| | | </table> |
| | | </td> |
| | | </tr> |
| | | |
| | | <tr> |
| | | <td><label for="background_image">{#style_dlg.background_image}</label></td> |
| | | <td><table role="presentation" border="0" cellspacing="0" cellpadding="0"> |
| | | <tr> |
| | | <td><input id="background_image" name="background_image" type="text" /></td> |
| | | <td id="background_image_browser"> </td> |
| | | </tr> |
| | | </table> |
| | | </td> |
| | | </tr> |
| | | |
| | | <tr> |
| | | <td><label for="background_repeat">{#style_dlg.background_repeat}</label></td> |
| | | <td><select id="background_repeat" name="background_repeat" class="mceEditableSelect"></select></td> |
| | | </tr> |
| | | |
| | | <tr> |
| | | <td><label for="background_attachment">{#style_dlg.background_attachment}</label></td> |
| | | <td><select id="background_attachment" name="background_attachment" class="mceEditableSelect"></select></td> |
| | | </tr> |
| | | |
| | | <tr> |
| | | <td><label for="background_hpos">{#style_dlg.background_hpos}</label></td> |
| | | <td> |
| | | <table role="presentation" border="0" cellspacing="0" cellpadding="0"> |
| | | <tr> |
| | | <td><select id="background_hpos" name="background_hpos" class="mceEditableSelect"></select></td> |
| | | <td> </td> |
| | | <td> |
| | | <label id="background_hpos_measurement_label" for="background_hpos_measurement" style="display: none; visibility: hidden;">Horizontal position measurement unit</label> |
| | | <select id="background_hpos_measurement" name="background_hpos_measurement" aria-labelledby="background_hpos_measurement_label"></select> |
| | | </td> |
| | | </tr> |
| | | </table> |
| | | </td> |
| | | </tr> |
| | | |
| | | <tr> |
| | | <td><label for="background_vpos">{#style_dlg.background_vpos}</label></td> |
| | | <td> |
| | | <table role="presentation" border="0" cellspacing="0" cellpadding="0"> |
| | | <tr> |
| | | <td><select id="background_vpos" name="background_vpos" class="mceEditableSelect"></select></td> |
| | | <td> </td> |
| | | <td> |
| | | |
| | | <label id="background_vpos_measurement_label" for="background_vpos_measurement" style="display: none; visibility: hidden;">Vertical position measurement unit</label> |
| | | <select id="background_vpos_measurement" name="background_vpos_measurement" aria-labelledby="background_vpos_measurement_label">></select></td> |
| | | </tr> |
| | | </table> |
| | | </td> |
| | | </tr> |
| | | </table> |
| | | </fieldset> |
| | | </div> |
| | | |
| | | <div id="block_panel" class="panel"> |
| | | <fieldset> |
| | | <legend>{#style_dlg.block}</legend> |
| | | <table role="presentation" border="0"> |
| | | <tr> |
| | | <td><label for="block_wordspacing">{#style_dlg.block_wordspacing}</label></td> |
| | | <td> |
| | | <table role="presentation" border="0" cellspacing="0" cellpadding="0"> |
| | | <tr> |
| | | <td><select id="block_wordspacing" name="block_wordspacing" class="mceEditableSelect"></select></td> |
| | | <td> </td> |
| | | <td> |
| | | <label id="block_wordspacing_measurement_label" for="block_wordspacing_measurement" style="display: none; visibility: hidden;">Word spacing measurement unit</label> |
| | | <select id="block_wordspacing_measurement" name="block_wordspacing_measurement" aria-labelledby="block_wordspacing_measurement_label"></select> |
| | | </td> |
| | | </tr> |
| | | </table> |
| | | </td> |
| | | </tr> |
| | | |
| | | <tr> |
| | | <td><label for="block_letterspacing">{#style_dlg.block_letterspacing}</label></td> |
| | | <td> |
| | | <table role="presentation" border="0" cellspacing="0" cellpadding="0"> |
| | | <tr> |
| | | <td><select id="block_letterspacing" name="block_letterspacing" class="mceEditableSelect"></select></td> |
| | | <td> </td> |
| | | <td> |
| | | <label id="block_letterspacing_measurement_label" for="block_letterspacing_measurement" style="display: none; visibility: hidden;">Letter spacing measurement unit</label> |
| | | <select id="block_letterspacing_measurement" name="block_letterspacing_measurement" aria-labelledby="block_letterspacing_measurement_label"></select> |
| | | </td> |
| | | </tr> |
| | | </table> |
| | | </td> |
| | | </tr> |
| | | |
| | | <tr> |
| | | <td><label for="block_vertical_alignment">{#style_dlg.block_vertical_alignment}</label></td> |
| | | <td><select id="block_vertical_alignment" name="block_vertical_alignment" class="mceEditableSelect"></select></td> |
| | | </tr> |
| | | |
| | | <tr> |
| | | <td><label for="block_text_align">{#style_dlg.block_text_align}</label></td> |
| | | <td><select id="block_text_align" name="block_text_align" class="mceEditableSelect"></select></td> |
| | | </tr> |
| | | |
| | | <tr> |
| | | <td><label for="block_text_indent">{#style_dlg.block_text_indent}</label></td> |
| | | <td> |
| | | <table role="presentation" border="0" cellspacing="0" cellpadding="0"> |
| | | <tr> |
| | | <td><input type="text" id="block_text_indent" name="block_text_indent" /></td> |
| | | <td> </td> |
| | | <td> |
| | | <label id="block_text_indent_measurement_label" for="block_text_indent_measurement" style="display: none; visibility: hidden;">Text Indent Measurement Unit</label> |
| | | |
| | | <select id="block_text_indent_measurement" name="block_text_indent_measurement" aria-labelledby="block_text_indent_measurement_label"></select> |
| | | </td> |
| | | </tr> |
| | | </table> |
| | | </td> |
| | | </tr> |
| | | |
| | | <tr> |
| | | <td><label for="block_whitespace">{#style_dlg.block_whitespace}</label></td> |
| | | <td><select id="block_whitespace" name="block_whitespace" class="mceEditableSelect"></select></td> |
| | | </tr> |
| | | |
| | | <tr> |
| | | <td><label for="block_display">{#style_dlg.block_display}</label></td> |
| | | <td><select id="block_display" name="block_display" class="mceEditableSelect"></select></td> |
| | | </tr> |
| | | </table> |
| | | </fieldset> |
| | | </div> |
| | | |
| | | <div id="box_panel" class="panel"> |
| | | <fieldset> |
| | | <legend>{#style_dlg.box}</legend> |
| | | <table role="presentation" border="0"> |
| | | <tr> |
| | | <td><label for="box_width">{#style_dlg.box_width}</label></td> |
| | | <td> |
| | | <table role="presentation" border="0" cellspacing="0" cellpadding="0"> |
| | | <tr> |
| | | <td><input type="text" id="box_width" name="box_width" class="mceEditableSelect" onChange="synch('box_width','positioning_width');" /></td> |
| | | <td> </td> |
| | | <td> |
| | | <label id="box_width_measurement_label" for="box_width_measurement" style="display: none; visibility: hidden;">Box Width Measurement Unit</label> |
| | | <select id="box_width_measurement" name="box_width_measurement" aria-labelledby="box_width_measurement_label"></select> |
| | | </td> |
| | | </tr> |
| | | </table> |
| | | </td> |
| | | <td> <label for="box_float">{#style_dlg.box_float}</label></td> |
| | | <td><select id="box_float" name="box_float" class="mceEditableSelect"></select></td> |
| | | </tr> |
| | | |
| | | <tr> |
| | | <td><label for="box_height">{#style_dlg.box_height}</label></td> |
| | | <td> |
| | | <table role="presentation" border="0" cellspacing="0" cellpadding="0"> |
| | | <tr> |
| | | <td><input type="text" id="box_height" name="box_height" class="mceEditableSelect" onChange="synch('box_height','positioning_height');" /></td> |
| | | <td> </td> |
| | | <td> |
| | | <label id="box_height_measurement_label" for="box_height_measurement" style="display: none; visibility: hidden;">Box Height Measurement Unit</label> |
| | | <select id="box_height_measurement" name="box_height_measurement" aria-labelledby="box_height_measurement_label"></select> |
| | | </td> |
| | | </tr> |
| | | </table> |
| | | </td> |
| | | <td> <label for="box_clear">{#style_dlg.box_clear}</label></td> |
| | | <td><select id="box_clear" name="box_clear" class="mceEditableSelect"></select></td> |
| | | </tr> |
| | | </table> |
| | | </fieldset> |
| | | |
| | | <div style="float: left; width: 49%"> |
| | | <fieldset> |
| | | <legend>{#style_dlg.padding}</legend> |
| | | |
| | | <table role="presentation" border="0"> |
| | | <tr> |
| | | <td> </td> |
| | | <td><input type="checkbox" id="box_padding_same" name="box_padding_same" class="checkbox" checked="checked" onClick="toggleSame(this,'box_padding');" /> <label for="box_padding_same">{#style_dlg.same}</label></td> |
| | | </tr> |
| | | <tr> |
| | | <td><label for="box_padding_top">{#style_dlg.top}</label></td> |
| | | <td> |
| | | <table role="presentation" border="0" cellspacing="0" cellpadding="0"> |
| | | <tr> |
| | | <td><input type="text" id="box_padding_top" name="box_padding_top" class="mceEditableSelect" /></td> |
| | | <td> </td> |
| | | <td> |
| | | <label id="box_padding_top_measurement_label" for="box_padding_top_measurement" style="display: none; visibility: hidden;">Padding Top Measurement Unit</label> |
| | | <select id="box_padding_top_measurement" name="box_padding_top_measurement" aria-labelledby="box_padding_top_measurement_label"></select> |
| | | </td> |
| | | </tr> |
| | | </table> |
| | | </td> |
| | | </tr> |
| | | <tr> |
| | | <td><label for="box_padding_right">{#style_dlg.right}</label></td> |
| | | <td> |
| | | <table role="presentation" border="0" cellspacing="0" cellpadding="0"> |
| | | <tr> |
| | | <td><input type="text" id="box_padding_right" name="box_padding_right" class="mceEditableSelect" disabled="disabled" /></td> |
| | | <td> </td> |
| | | <td> |
| | | <label id="box_padding_right_measurement_label" for="box_padding_right_measurement" style="display: none; visibility: hidden;">Padding Right Measurement Unit</label> |
| | | <select id="box_padding_right_measurement" name="box_padding_right_measurement" disabled="disabled" aria-labelledby="box_padding_right_measurement_label"></select> |
| | | </td> |
| | | </tr> |
| | | </table> |
| | | </td> |
| | | </tr> |
| | | <tr> |
| | | <td><label for="box_padding_bottom">{#style_dlg.bottom}</label></td> |
| | | <td> |
| | | <table role="presentation" border="0" cellspacing="0" cellpadding="0"> |
| | | <tr> |
| | | <td><input type="text" id="box_padding_bottom" name="box_padding_bottom" class="mceEditableSelect" disabled="disabled" /></td> |
| | | <td> </td> |
| | | <td> |
| | | <label id="box_padding_bottom_measurement_label" for="box_padding_bottom_measurement" style="display: none; visibility: hidden;">Padding Bottom Measurement Unit</label> |
| | | <select id="box_padding_bottom_measurement" name="box_padding_bottom_measurement" disabled="disabled" aria-labelledby="box_padding_bottom_measurement_label"></select> |
| | | </td> |
| | | </tr> |
| | | </table> |
| | | </td> |
| | | </tr> |
| | | <tr> |
| | | <td><label for="box_padding_left">{#style_dlg.left}</label></td> |
| | | <td> |
| | | <table role="presentation" border="0" cellspacing="0" cellpadding="0"> |
| | | <tr> |
| | | <td><input type="text" id="box_padding_left" name="box_padding_left" class="mceEditableSelect" disabled="disabled" /></td> |
| | | <td> </td> |
| | | <td> |
| | | <label id="box_padding_left_measurement_label" for="box_padding_left_measurement" style="display: none; visibility: hidden;">Padding Left Measurement Unit</label> |
| | | <select id="box_padding_left_measurement" name="box_padding_left_measurement" disabled="disabled" aria-labelledby="box_padding_left_measurement_label"></select> |
| | | </td> |
| | | </tr> |
| | | </table> |
| | | </td> |
| | | </tr> |
| | | </table> |
| | | </fieldset> |
| | | </div> |
| | | |
| | | <div style="float: right; width: 49%"> |
| | | <fieldset> |
| | | <legend>{#style_dlg.margin}</legend> |
| | | |
| | | <table role="presentation" border="0"> |
| | | <tr> |
| | | <td> </td> |
| | | <td><input type="checkbox" id="box_margin_same" name="box_margin_same" class="checkbox" checked="checked" onClick="toggleSame(this,'box_margin');" /> <label for="box_margin_same">{#style_dlg.same}</label></td> |
| | | </tr> |
| | | <tr> |
| | | <td><label for="box_margin_top">{#style_dlg.top}</label></td> |
| | | <td> |
| | | <table role="presentation" border="0" cellspacing="0" cellpadding="0"> |
| | | <tr> |
| | | <td><input type="text" id="box_margin_top" name="box_margin_top" class="mceEditableSelect" /></td> |
| | | <td> </td> |
| | | <td> |
| | | <label id="box_margin_top_measurement_label" for="box_margin_top_measurement" style="display: none; visibility: hidden;">Margin Top Measurement Unit</label> |
| | | <select id="box_margin_top_measurement" name="box_margin_top_measurement" aria-labelledby="box_margin_top_measurement_label"></select> |
| | | </td> |
| | | </tr> |
| | | </table> |
| | | </td> |
| | | </tr> |
| | | <tr> |
| | | <td><label for="box_margin_right">{#style_dlg.right}</label></td> |
| | | <td> |
| | | <table role="presentation" border="0" cellspacing="0" cellpadding="0"> |
| | | <tr> |
| | | <td><input type="text" id="box_margin_right" name="box_margin_right" class="mceEditableSelect" disabled="disabled" /></td> |
| | | <td> </td> |
| | | <td> |
| | | <label id="box_margin_right_measurement_label" for="box_margin_right_measurement" style="display: none; visibility: hidden;">Margin Right Measurement Unit</label> |
| | | <select id="box_margin_right_measurement" name="box_margin_right_measurement" disabled="disabled" aria-labelledby="box_margin_right_measurement_label"></select> |
| | | </td> |
| | | </tr> |
| | | </table> |
| | | </td> |
| | | </tr> |
| | | <tr> |
| | | <td><label for="box_margin_bottom">{#style_dlg.bottom}</label></td> |
| | | <td> |
| | | <table role="presentation" border="0" cellspacing="0" cellpadding="0"> |
| | | <tr> |
| | | <td><input type="text" id="box_margin_bottom" name="box_margin_bottom" class="mceEditableSelect" disabled="disabled" /></td> |
| | | <td> </td> |
| | | <td> |
| | | <label id="box_margin_bottom_measurement_label" for="box_margin_bottom_measurement" style="display: none; visibility: hidden;">Margin Bottom Measurement Unit</label> |
| | | <select id="box_margin_bottom_measurement" name="box_margin_bottom_measurement" disabled="disabled" aria-labelledby="box_margin_bottom_measurement_label"></select> |
| | | </td> |
| | | </tr> |
| | | </table> |
| | | </td> |
| | | </tr> |
| | | <tr> |
| | | <td><label for="box_margin_left">{#style_dlg.left}</label></td> |
| | | <td> |
| | | <table role="presentation" border="0" cellspacing="0" cellpadding="0"> |
| | | <tr> |
| | | <td><input type="text" id="box_margin_left" name="box_margin_left" class="mceEditableSelect" disabled="disabled" /></td> |
| | | <td> </td> |
| | | <td> |
| | | <label id="box_margin_left_measurement_label" for="box_margin_left_measurement" style="display: none; visibility: hidden;">Margin Left Measurement Unit</label> |
| | | <select id="box_margin_left_measurement" name="box_margin_left_measurement" disabled="disabled" aria-labelledby="box_margin_left_measurement_label"></select> |
| | | </td> |
| | | </tr> |
| | | </table> |
| | | </td> |
| | | </tr> |
| | | </table> |
| | | </fieldset> |
| | | </div> |
| | | <br style="clear: both" /> |
| | | </div> |
| | | |
| | | <div id="border_panel" class="panel"> |
| | | <fieldset> |
| | | <legend>{#style_dlg.border}</legend> |
| | | <table role="presentation" border="0" cellspacing="0" cellpadding="0" width="100%"> |
| | | <tr> |
| | | <td class="tdelim"> </td> |
| | | <td class="tdelim delim"> </td> |
| | | <td class="tdelim">{#style_dlg.style}</td> |
| | | <td class="tdelim delim"> </td> |
| | | <td class="tdelim">{#style_dlg.width}</td> |
| | | <td class="tdelim delim"> </td> |
| | | <td class="tdelim">{#style_dlg.color}</td> |
| | | </tr> |
| | | |
| | | <tr> |
| | | <td> </td> |
| | | <td class="delim"> </td> |
| | | <td><input type="checkbox" id="border_style_same" name="border_style_same" class="checkbox" checked="checked" onClick="toggleSame(this,'border_style');" /> <label for="border_style_same">{#style_dlg.same}</label></td> |
| | | <td class="delim"> </td> |
| | | <td><input type="checkbox" id="border_width_same" name="border_width_same" class="checkbox" checked="checked" onClick="toggleSame(this,'border_width');" /> <label for="border_width_same">{#style_dlg.same}</label></td> |
| | | <td class="delim"> </td> |
| | | <td><input type="checkbox" id="border_color_same" name="border_color_same" class="checkbox" checked="checked" onClick="toggleSame(this,'border_color');" /> <label for="border_color_same">{#style_dlg.same}</label></td> |
| | | </tr> |
| | | |
| | | <tr> |
| | | <td>{#style_dlg.top}</td> |
| | | <td class="delim"> </td> |
| | | <td><select id="border_style_top" name="border_style_top" class="mceEditableSelect"></select></td> |
| | | <td class="delim"> </td> |
| | | <td> |
| | | <table role="presentation" border="0" cellspacing="0" cellpadding="0"> |
| | | <tr> |
| | | <td><select id="border_width_top" name="border_width_top" class="mceEditableSelect"></select></td> |
| | | <td> </td> |
| | | <td> |
| | | <label id="border_width_top_measurement_label" for="border_width_top_measurement" style="display: none; visibility: hidden;">Width top Measurement Unit</label> |
| | | <select id="border_width_top_measurement" name="border_width_top_measurement" aria-labelledby="border_width_top_measurement_label"></select> |
| | | </td> |
| | | </tr> |
| | | </table> |
| | | </td> |
| | | <td class="delim"> </td> |
| | | <td> |
| | | <table role="presentation" border="0" cellpadding="0" cellspacing="0"> |
| | | <tr> |
| | | <td><input id="border_color_top" name="border_color_top" type="text" value="" size="9" onChange="updateColor('border_color_top_pick','border_color_top');" /></td> |
| | | <td id="border_color_top_pickcontainer"> </td> |
| | | </tr> |
| | | </table> |
| | | </td> |
| | | </tr> |
| | | |
| | | <tr> |
| | | <td>{#style_dlg.right}</td> |
| | | <td class="delim"> </td> |
| | | <td><select id="border_style_right" name="border_style_right" class="mceEditableSelect" disabled="disabled"></select></td> |
| | | <td class="delim"> </td> |
| | | <td> |
| | | <table role="presentation" border="0" cellspacing="0" cellpadding="0"> |
| | | <tr> |
| | | <td><select id="border_width_right" name="border_width_right" class="mceEditableSelect" disabled="disabled"></select></td> |
| | | <td> </td> |
| | | <td> |
| | | <label id="border_width_right_measurement_label" for="border_width_right_measurement" style="display: none; visibility: hidden;">Width Right Measurement Unit</label> |
| | | <select id="border_width_right_measurement" name="border_width_right_measurement" disabled="disabled" aria-labelledby="border_width_right_measurement_label"></select> |
| | | </td> |
| | | </tr> |
| | | </table> |
| | | </td> |
| | | <td class="delim"> </td> |
| | | <td> |
| | | <table role="presentation" border="0" cellpadding="0" cellspacing="0"> |
| | | <tr> |
| | | <td><input id="border_color_right" name="border_color_right" type="text" value="" size="9" onChange="updateColor('border_color_right_pick','border_color_right');" disabled="disabled" /></td> |
| | | <td id="border_color_right_pickcontainer"> </td> |
| | | </tr> |
| | | </table> |
| | | </td> |
| | | </tr> |
| | | |
| | | <tr> |
| | | <td>{#style_dlg.bottom}</td> |
| | | <td class="delim"> </td> |
| | | <td><select id="border_style_bottom" name="border_style_bottom" class="mceEditableSelect" disabled="disabled"></select></td> |
| | | <td class="delim"> </td> |
| | | <td> |
| | | <table role="presentation" border="0" cellspacing="0" cellpadding="0"> |
| | | <tr> |
| | | <td><select id="border_width_bottom" name="border_width_bottom" class="mceEditableSelect" disabled="disabled"></select></td> |
| | | <td> </td> |
| | | <td> |
| | | <label id="border_width_bottom_measurement_label" for="border_width_bottom_measurement" style="display: none; visibility: hidden;">Width Bottom Measurement Unit</label> |
| | | <select id="border_width_bottom_measurement" name="border_width_bottom_measurement" disabled="disabled" aria-labelledby="border_width_bottom_measurement_label"></select> |
| | | </td> |
| | | </tr> |
| | | </table> |
| | | </td> |
| | | <td class="delim"> </td> |
| | | <td> |
| | | <table role="presentation" border="0" cellpadding="0" cellspacing="0"> |
| | | <tr> |
| | | <td><input id="border_color_bottom" name="border_color_bottom" type="text" value="" size="9" onChange="updateColor('border_color_bottom_pick','border_color_bottom');" disabled="disabled" /></td> |
| | | <td id="border_color_bottom_pickcontainer"> </td> |
| | | </tr> |
| | | </table> |
| | | </td> |
| | | </tr> |
| | | |
| | | <tr> |
| | | <td>{#style_dlg.left}</td> |
| | | <td class="delim"> </td> |
| | | <td><select id="border_style_left" name="border_style_left" class="mceEditableSelect" disabled="disabled"></select></td> |
| | | <td class="delim"> </td> |
| | | <td> |
| | | <table role="presentation" border="0" cellspacing="0" cellpadding="0"> |
| | | <tr> |
| | | <td><select id="border_width_left" name="border_width_left" class="mceEditableSelect" disabled="disabled"></select></td> |
| | | <td> </td> |
| | | <td> |
| | | <label id="border_width_left_measurement_label" for="border_width_left_measurement" style="display: none; visibility: hidden;">Width Left Measurement Unit</label> |
| | | <select id="border_width_left_measurement" name="border_width_left_measurement" disabled="disabled" aria-labelledby="border_width_left_measurement_label"></select> |
| | | </td> |
| | | </tr> |
| | | </table> |
| | | </td> |
| | | <td class="delim"> </td> |
| | | <td> |
| | | <table role="presentation" border="0" cellpadding="0" cellspacing="0"> |
| | | <tr> |
| | | <td><input id="border_color_left" name="border_color_left" type="text" value="" size="9" onChange="updateColor('border_color_left_pick','border_color_left');" disabled="disabled" /></td> |
| | | <td id="border_color_left_pickcontainer"> </td> |
| | | </tr> |
| | | </table> |
| | | </td> |
| | | </tr> |
| | | </table> |
| | | </fieldset> |
| | | </div> |
| | | |
| | | <div id="list_panel" class="panel"> |
| | | <fieldset> |
| | | <legend>{#style_dlg.list}</legend> |
| | | <table role="presentation" border="0"> |
| | | <tr> |
| | | <td><label for="list_type">{#style_dlg.list_type}</label></td> |
| | | <td><select id="list_type" name="list_type" class="mceEditableSelect"></select></td> |
| | | </tr> |
| | | |
| | | <tr> |
| | | <td><label for="list_bullet_image">{#style_dlg.bullet_image}</label></td> |
| | | <td><input id="list_bullet_image" name="list_bullet_image" type="text" /></td> |
| | | </tr> |
| | | |
| | | <tr> |
| | | <td><label for="list_position">{#style_dlg.position}</label></td> |
| | | <td><select id="list_position" name="list_position" class="mceEditableSelect"></select></td> |
| | | </tr> |
| | | </table> |
| | | </fieldset> |
| | | </div> |
| | | |
| | | <div id="positioning_panel" class="panel"> |
| | | <fieldset> |
| | | <legend>{#style_dlg.position}</legend> |
| | | <table role="presentation" border="0"> |
| | | <tr> |
| | | <td><label for="positioning_type">{#style_dlg.positioning_type}</label></td> |
| | | <td><select id="positioning_type" name="positioning_type" class="mceEditableSelect"></select></td> |
| | | <td> <label for="positioning_visibility">{#style_dlg.visibility}</label></td> |
| | | <td><select id="positioning_visibility" name="positioning_visibility" class="mceEditableSelect"></select></td> |
| | | </tr> |
| | | |
| | | <tr> |
| | | <td><label for="positioning_width">{#style_dlg.width}</label></td> |
| | | <td> |
| | | <table role="presentation" border="0" cellspacing="0" cellpadding="0"> |
| | | <tr> |
| | | <td><input type="text" id="positioning_width" name="positioning_width" onChange="synch('positioning_width','box_width');" /></td> |
| | | <td> </td> |
| | | <td> |
| | | <label id="positioning_width_measurement_label" for="positioning_width_measurement" style="display: none; visibility: hidden;">Positioning width Measurement Unit</label> |
| | | <select id="positioning_width_measurement" name="positioning_width_measurement" aria-labelledby="positioning_width_measurement_label"></select> |
| | | </td> |
| | | </tr> |
| | | </table> |
| | | </td> |
| | | <td> <label for="positioning_zindex">{#style_dlg.zindex}</label></td> |
| | | <td><input type="text" id="positioning_zindex" name="positioning_zindex" /></td> |
| | | </tr> |
| | | |
| | | <tr> |
| | | <td><label for="positioning_height">{#style_dlg.height}</label></td> |
| | | <td> |
| | | <table role="presentation" border="0" cellspacing="0" cellpadding="0"> |
| | | <tr> |
| | | <td><input type="text" id="positioning_height" name="positioning_height" onChange="synch('positioning_height','box_height');" /></td> |
| | | <td> </td> |
| | | <td> |
| | | <label id="positioning_height_measurement_label" for="positioning_height_measurement" style="display: none; visibility: hidden;">Positioning Height Measurement Unit</label> |
| | | <select id="positioning_height_measurement" name="positioning_height_measurement" aria-labelledby="positioning_height_measurement_label"></select> |
| | | </td> |
| | | </tr> |
| | | </table> |
| | | </td> |
| | | <td> <label for="positioning_overflow">{#style_dlg.overflow}</label></td> |
| | | <td><select id="positioning_overflow" name="positioning_overflow" class="mceEditableSelect"></select></td> |
| | | </tr> |
| | | </table> |
| | | </fieldset> |
| | | |
| | | <div style="float: left; width: 49%"> |
| | | <fieldset> |
| | | <legend>{#style_dlg.placement}</legend> |
| | | |
| | | <table role="presentation" border="0"> |
| | | <tr> |
| | | <td> </td> |
| | | <td><input type="checkbox" id="positioning_placement_same" name="positioning_placement_same" class="checkbox" checked="checked" onClick="toggleSame(this,'positioning_placement');" /> <label for="positioning_placement_same">{#style_dlg.same}</label></td> |
| | | </tr> |
| | | <tr> |
| | | <td>{#style_dlg.top}</td> |
| | | <td> |
| | | <table role="presentation" border="0" cellspacing="0" cellpadding="0"> |
| | | <tr> |
| | | <td><input type="text" id="positioning_placement_top" name="positioning_placement_top" /></td> |
| | | <td> </td> |
| | | <td> |
| | | <label id="positioning_placement_top_measurement_label" for="positioning_placement_top_measurement" style="display: none; visibility: hidden;">Placement Top Measurement Unit</label> |
| | | <select id="positioning_placement_top_measurement" name="positioning_placement_top_measurement" aria-labelledby="positioning_placement_top_measurement_label"></select> |
| | | </td> |
| | | </tr> |
| | | </table> |
| | | </td> |
| | | </tr> |
| | | <tr> |
| | | <td>{#style_dlg.right}</td> |
| | | <td> |
| | | <table role="presentation" border="0" cellspacing="0" cellpadding="0"> |
| | | <tr> |
| | | <td><input type="text" id="positioning_placement_right" name="positioning_placement_right" disabled="disabled" /></td> |
| | | <td> </td> |
| | | <td> |
| | | <label id="positioning_placement_right_measurement_label" for="positioning_placement_right_measurement" style="display: none; visibility: hidden;">Placement Right Measurement Unit</label> |
| | | <select id="positioning_placement_right_measurement" name="positioning_placement_right_measurement" disabled="disabled" aria-labelledby="positioning_placement_right_measurement_label"></select> |
| | | </td> |
| | | </tr> |
| | | </table> |
| | | </td> |
| | | </tr> |
| | | <tr> |
| | | <td>{#style_dlg.bottom}</td> |
| | | <td> |
| | | <table role="presentation" border="0" cellspacing="0" cellpadding="0"> |
| | | <tr> |
| | | <td><input type="text" id="positioning_placement_bottom" name="positioning_placement_bottom" disabled="disabled" /></td> |
| | | <td> </td> |
| | | <td> |
| | | <label id="positioning_placement_bottom_measurement_label" for="positioning_placement_bottom_measurement" style="display: none; visibility: hidden;">Placement Bottom Measurement Unit</label> |
| | | <select id="positioning_placement_bottom_measurement" name="positioning_placement_bottom_measurement" disabled="disabled" aria-labelledby="positioning_placement_bottom_measurement_label"></select> |
| | | </td> |
| | | </tr> |
| | | </table> |
| | | </td> |
| | | </tr> |
| | | <tr> |
| | | <td>{#style_dlg.left}</td> |
| | | <td> |
| | | <table role="presentation" border="0" cellspacing="0" cellpadding="0"> |
| | | <tr> |
| | | <td><input type="text" id="positioning_placement_left" name="positioning_placement_left" disabled="disabled" /></td> |
| | | <td> </td> |
| | | <td> |
| | | <label id="positioning_placement_left_measurement_label" for="positioning_placement_left_measurement" style="display: none; visibility: hidden;">Placement Left Measurement Unit</label> |
| | | <select id="positioning_placement_left_measurement" name="positioning_placement_left_measurement" disabled="disabled" aria-labelledby="positioning_placement_left_measurement_label"></select> |
| | | </td> |
| | | </tr> |
| | | </table> |
| | | </td> |
| | | </tr> |
| | | </table> |
| | | </fieldset> |
| | | </div> |
| | | |
| | | <div style="float: right; width: 49%"> |
| | | <fieldset> |
| | | <legend>{#style_dlg.clip}</legend> |
| | | |
| | | <table role="presentation" border="0"> |
| | | <tr> |
| | | <td> </td> |
| | | <td><input type="checkbox" id="positioning_clip_same" name="positioning_clip_same" class="checkbox" checked="checked" onClick="toggleSame(this,'positioning_clip');" /> <label for="positioning_clip_same">{#style_dlg.same}</label></td> |
| | | </tr> |
| | | <tr> |
| | | <td>{#style_dlg.top}</td> |
| | | <td> |
| | | <table role="presentation" border="0" cellspacing="0" cellpadding="0"> |
| | | <tr> |
| | | <td><input type="text" id="positioning_clip_top" name="positioning_clip_top" /></td> |
| | | <td> </td> |
| | | <td> |
| | | <label id="positioning_clip_top_measurement_label" for="positioning_clip_top_measurement" style="display: none; visibility: hidden;">Clip Top Measurement Unit</label> |
| | | <select id="positioning_clip_top_measurement" name="positioning_clip_top_measurement" aria-labelledby="positioning_clip_top_measurement_label"></select> |
| | | </td> |
| | | </tr> |
| | | </table> |
| | | </td> |
| | | </tr> |
| | | <tr> |
| | | <td>{#style_dlg.right}</td> |
| | | <td> |
| | | <table role="presentation" border="0" cellspacing="0" cellpadding="0"> |
| | | <tr> |
| | | <td><input type="text" id="positioning_clip_right" name="positioning_clip_right" disabled="disabled" /></td> |
| | | <td> </td> |
| | | <td> |
| | | <label id="positioning_clip_right_measurement_label" for="positioning_clip_right_measurement" style="display: none; visibility: hidden;">Clip Right Measurement Unit</label> |
| | | <select id="positioning_clip_right_measurement" name="positioning_clip_right_measurement" disabled="disabled" aria-labelledby="positioning_clip_right_measurement_label"></select> |
| | | </td> |
| | | </tr> |
| | | </table> |
| | | </td> |
| | | </tr> |
| | | <tr> |
| | | <td>{#style_dlg.bottom}</td> |
| | | <td> |
| | | <table role="presentation" border="0" cellspacing="0" cellpadding="0"> |
| | | <tr> |
| | | <td><input type="text" id="positioning_clip_bottom" name="positioning_clip_bottom" disabled="disabled" /></td> |
| | | <td> </td> |
| | | <td> |
| | | <label id="positioning_clip_bottom_measurement_label" for="positioning_clip_bottom_measurement" style="display: none; visibility: hidden;">Clip Bottom Measurement Unit</label> |
| | | <select id="positioning_clip_bottom_measurement" name="positioning_clip_bottom_measurement" disabled="disabled" aria-labelledby="positioning_clip_bottom_measurement_label"></select> |
| | | </td> |
| | | </tr> |
| | | </table> |
| | | </td> |
| | | </tr> |
| | | <tr> |
| | | <td>{#style_dlg.left}</td> |
| | | <td> |
| | | <table role="presentation" border="0" cellspacing="0" cellpadding="0"> |
| | | <tr> |
| | | <td><input type="text" id="positioning_clip_left" name="positioning_clip_left" disabled="disabled" /></td> |
| | | <td> </td> |
| | | <td> |
| | | <label id="positioning_clip_left_measurement_label" for="positioning_clip_left_measurement" style="display: none; visibility: hidden;">Clip Left Measurement Unit</label> |
| | | <select id="positioning_clip_left_measurement" name="positioning_clip_left_measurement" disabled="disabled" aria-labelledby="positioning_clip_left_measurement_label"></select> |
| | | </td> |
| | | </tr> |
| | | </table> |
| | | </td> |
| | | </tr> |
| | | </table> |
| | | </fieldset> |
| | | </div> |
| | | <br style="clear: both" /> |
| | | </div> |
| | | </div> |
| | | |
| | | <div class="mceActionPanel"> |
| | | <input type="submit" id="insert" name="insert" value="{#update}" /> |
| | | <input type="button" class="button" id="apply" name="apply" value="{#style_dlg.apply}" onClick="applyAction();" /> |
| | | <input type="button" id="cancel" name="cancel" value="{#cancel}" onClick="tinyMCEPopup.close();" /> |
| | | </div> |
| | | </form> |
| | | |
| | | <div style="display: none"> |
| | | <div id="container"></div> |
| | | </div> |
| | | |
| | | </body> |
| | | </html> |
New file |
| | |
| | | (function(){var c=tinymce.DOM,a=tinymce.dom.Event,d=tinymce.each,b=tinymce.explode;tinymce.create("tinymce.plugins.TabFocusPlugin",{init:function(f,g){function e(i,j){if(j.keyCode===9){return a.cancel(j)}}function h(l,p){var j,m,o,n,k;function q(t){n=c.select(":input:enabled,*[tabindex]");function s(v){return v.nodeName==="BODY"||(v.type!="hidden"&&!(v.style.display=="none")&&!(v.style.visibility=="hidden")&&s(v.parentNode))}function i(v){return v.attributes.tabIndex.specified||v.nodeName=="INPUT"||v.nodeName=="TEXTAREA"}function u(){return tinymce.isIE6||tinymce.isIE7}function r(v){return((!u()||i(v)))&&v.getAttribute("tabindex")!="-1"&&s(v)}d(n,function(w,v){if(w.id==l.id){j=v;return false}});if(t>0){for(m=j+1;m<n.length;m++){if(r(n[m])){return n[m]}}}else{for(m=j-1;m>=0;m--){if(r(n[m])){return n[m]}}}return null}if(p.keyCode===9){k=b(l.getParam("tab_focus",l.getParam("tabfocus_elements",":prev,:next")));if(k.length==1){k[1]=k[0];k[0]=":prev"}if(p.shiftKey){if(k[0]==":prev"){n=q(-1)}else{n=c.get(k[0])}}else{if(k[1]==":next"){n=q(1)}else{n=c.get(k[1])}}if(n){if(n.id&&(l=tinymce.get(n.id||n.name))){l.focus()}else{window.setTimeout(function(){if(!tinymce.isWebKit){window.focus()}n.focus()},10)}return a.cancel(p)}}}f.onKeyUp.add(e);if(tinymce.isGecko){f.onKeyPress.add(h);f.onKeyDown.add(e)}else{f.onKeyDown.add(h)}},getInfo:function(){return{longname:"Tabfocus",author:"Moxiecode Systems AB",authorurl:"http://tinymce.moxiecode.com",infourl:"http://wiki.moxiecode.com/index.php/TinyMCE:Plugins/tabfocus",version:tinymce.majorVersion+"."+tinymce.minorVersion}}});tinymce.PluginManager.add("tabfocus",tinymce.plugins.TabFocusPlugin)})(); |
New file |
| | |
| | | /** |
| | | * editor_plugin_src.js |
| | | * |
| | | * Copyright 2009, Moxiecode Systems AB |
| | | * Released under LGPL License. |
| | | * |
| | | * License: http://tinymce.moxiecode.com/license |
| | | * Contributing: http://tinymce.moxiecode.com/contributing |
| | | */ |
| | | |
| | | (function() { |
| | | var DOM = tinymce.DOM, Event = tinymce.dom.Event, each = tinymce.each, explode = tinymce.explode; |
| | | |
| | | tinymce.create('tinymce.plugins.TabFocusPlugin', { |
| | | init : function(ed, url) { |
| | | function tabCancel(ed, e) { |
| | | if (e.keyCode === 9) |
| | | return Event.cancel(e); |
| | | } |
| | | |
| | | function tabHandler(ed, e) { |
| | | var x, i, f, el, v; |
| | | |
| | | function find(d) { |
| | | el = DOM.select(':input:enabled,*[tabindex]'); |
| | | |
| | | function canSelectRecursive(e) { |
| | | return e.nodeName==="BODY" || (e.type != 'hidden' && |
| | | !(e.style.display == "none") && |
| | | !(e.style.visibility == "hidden") && canSelectRecursive(e.parentNode)); |
| | | } |
| | | function canSelectInOldIe(el) { |
| | | return el.attributes["tabIndex"].specified || el.nodeName == "INPUT" || el.nodeName == "TEXTAREA"; |
| | | } |
| | | function isOldIe() { |
| | | return tinymce.isIE6 || tinymce.isIE7; |
| | | } |
| | | function canSelect(el) { |
| | | return ((!isOldIe() || canSelectInOldIe(el))) && el.getAttribute("tabindex") != '-1' && canSelectRecursive(el); |
| | | } |
| | | |
| | | each(el, function(e, i) { |
| | | if (e.id == ed.id) { |
| | | x = i; |
| | | return false; |
| | | } |
| | | }); |
| | | if (d > 0) { |
| | | for (i = x + 1; i < el.length; i++) { |
| | | if (canSelect(el[i])) |
| | | return el[i]; |
| | | } |
| | | } else { |
| | | for (i = x - 1; i >= 0; i--) { |
| | | if (canSelect(el[i])) |
| | | return el[i]; |
| | | } |
| | | } |
| | | |
| | | return null; |
| | | } |
| | | |
| | | if (e.keyCode === 9) { |
| | | v = explode(ed.getParam('tab_focus', ed.getParam('tabfocus_elements', ':prev,:next'))); |
| | | |
| | | if (v.length == 1) { |
| | | v[1] = v[0]; |
| | | v[0] = ':prev'; |
| | | } |
| | | |
| | | // Find element to focus |
| | | if (e.shiftKey) { |
| | | if (v[0] == ':prev') |
| | | el = find(-1); |
| | | else |
| | | el = DOM.get(v[0]); |
| | | } else { |
| | | if (v[1] == ':next') |
| | | el = find(1); |
| | | else |
| | | el = DOM.get(v[1]); |
| | | } |
| | | |
| | | if (el) { |
| | | if (el.id && (ed = tinymce.get(el.id || el.name))) |
| | | ed.focus(); |
| | | else |
| | | window.setTimeout(function() { |
| | | if (!tinymce.isWebKit) |
| | | window.focus(); |
| | | el.focus(); |
| | | }, 10); |
| | | |
| | | return Event.cancel(e); |
| | | } |
| | | } |
| | | } |
| | | |
| | | ed.onKeyUp.add(tabCancel); |
| | | |
| | | if (tinymce.isGecko) { |
| | | ed.onKeyPress.add(tabHandler); |
| | | ed.onKeyDown.add(tabCancel); |
| | | } else |
| | | ed.onKeyDown.add(tabHandler); |
| | | |
| | | }, |
| | | |
| | | getInfo : function() { |
| | | return { |
| | | longname : 'Tabfocus', |
| | | author : 'Moxiecode Systems AB', |
| | | authorurl : 'http://tinymce.moxiecode.com', |
| | | infourl : 'http://wiki.moxiecode.com/index.php/TinyMCE:Plugins/tabfocus', |
| | | version : tinymce.majorVersion + "." + tinymce.minorVersion |
| | | }; |
| | | } |
| | | }); |
| | | |
| | | // Register plugin |
| | | tinymce.PluginManager.add('tabfocus', tinymce.plugins.TabFocusPlugin); |
| | | })(); |
New file |
| | |
| | | <!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>{#table_dlg.cell_title}</title>
|
| | | <script type="text/javascript" src="../../tiny_mce_popup.js"></script>
|
| | | <script type="text/javascript" src="../../utils/mctabs.js"></script>
|
| | | <script type="text/javascript" src="../../utils/form_utils.js"></script>
|
| | | <script type="text/javascript" src="../../utils/validate.js"></script>
|
| | | <script type="text/javascript" src="../../utils/editable_selects.js"></script>
|
| | | <script type="text/javascript" src="js/cell.js"></script>
|
| | | <link href="css/cell.css" rel="stylesheet" type="text/css" />
|
| | | </head>
|
| | | <body id="tablecell" style="display: none" role="application">
|
| | | <form onsubmit="updateAction();return false;" action="#">
|
| | | <div class="tabs">
|
| | | <ul>
|
| | | <li id="general_tab" class="current" aria-controls="general_panel"><span><a href="javascript:mcTabs.displayTab('general_tab','general_panel');" onmousedown="return false;">{#table_dlg.general_tab}</a></span></li>
|
| | | <li id="advanced_tab" aria-controls="advanced_panel"><span><a href="javascript:mcTabs.displayTab('advanced_tab','advanced_panel');" onmousedown="return false;">{#table_dlg.advanced_tab}</a></span></li>
|
| | | </ul>
|
| | | </div>
|
| | |
|
| | | <div class="panel_wrapper">
|
| | | <div id="general_panel" class="panel current">
|
| | | <fieldset>
|
| | | <legend>{#table_dlg.general_props}</legend>
|
| | |
|
| | | <table role="presentation" border="0" cellpadding="4" cellspacing="0">
|
| | | <tr>
|
| | | <td><label for="align">{#table_dlg.align}</label></td>
|
| | | <td>
|
| | | <select id="align" name="align" class="mceFocus">
|
| | | <option value="">{#not_set}</option>
|
| | | <option value="center">{#table_dlg.align_middle}</option>
|
| | | <option value="left">{#table_dlg.align_left}</option>
|
| | | <option value="right">{#table_dlg.align_right}</option>
|
| | | </select>
|
| | | </td>
|
| | | |
| | | <td><label for="celltype">{#table_dlg.cell_type}</label></td>
|
| | | <td>
|
| | | <select id="celltype" name="celltype">
|
| | | <option value="td">{#table_dlg.td}</option>
|
| | | <option value="th">{#table_dlg.th}</option>
|
| | | </select>
|
| | | </td>
|
| | | </tr>
|
| | |
|
| | | <tr>
|
| | | <td><label for="valign">{#table_dlg.valign}</label></td>
|
| | | <td>
|
| | | <select id="valign" name="valign">
|
| | | <option value="">{#not_set}</option>
|
| | | <option value="top">{#table_dlg.align_top}</option>
|
| | | <option value="middle">{#table_dlg.align_middle}</option>
|
| | | <option value="bottom">{#table_dlg.align_bottom}</option>
|
| | | </select>
|
| | | </td>
|
| | |
|
| | | <td><label for="scope">{#table_dlg.scope}</label></td>
|
| | | <td>
|
| | | <select id="scope" name="scope">
|
| | | <option value="">{#not_set}</option>
|
| | | <option value="col">{#table.col}</option>
|
| | | <option value="row">{#table.row}</option>
|
| | | <option value="rowgroup">{#table_dlg.rowgroup}</option>
|
| | | <option value="colgroup">{#table_dlg.colgroup}</option>
|
| | | </select>
|
| | | </td>
|
| | |
|
| | | </tr>
|
| | |
|
| | | <tr>
|
| | | <td><label for="width">{#table_dlg.width}</label></td>
|
| | | <td><input id="width" name="width" type="text" value="" size="7" maxlength="7" onchange="changedSize();" class="size" /></td>
|
| | |
|
| | | <td><label for="height">{#table_dlg.height}</label></td>
|
| | | <td><input id="height" name="height" type="text" value="" size="7" maxlength="7" onchange="changedSize();" class="size" /></td>
|
| | | </tr>
|
| | |
|
| | | <tr id="styleSelectRow">
|
| | | <td><label for="class">{#class_name}</label></td>
|
| | | <td colspan="3">
|
| | | <select id="class" name="class" class="mceEditableSelect">
|
| | | <option value="" selected="selected">{#not_set}</option>
|
| | | </select>
|
| | | </td>
|
| | | </tr>
|
| | | </table>
|
| | | </fieldset>
|
| | | </div>
|
| | |
|
| | | <div id="advanced_panel" class="panel">
|
| | | <fieldset>
|
| | | <legend>{#table_dlg.advanced_props}</legend>
|
| | |
|
| | | <table role="presentation" border="0" cellpadding="0" cellspacing="4">
|
| | | <tr>
|
| | | <td class="column1"><label for="id">{#table_dlg.id}</label></td> |
| | | <td><input id="id" name="id" type="text" value="" style="width: 200px" /></td> |
| | | </tr>
|
| | |
|
| | | <tr>
|
| | | <td><label for="style">{#table_dlg.style}</label></td>
|
| | | <td><input type="text" id="style" name="style" value="" style="width: 200px;" onchange="changedStyle();" /></td>
|
| | | </tr>
|
| | |
|
| | | <tr>
|
| | | <td class="column1"><label for="dir">{#table_dlg.langdir}</label></td> |
| | | <td>
|
| | | <select id="dir" name="dir" style="width: 200px"> |
| | | <option value="">{#not_set}</option> |
| | | <option value="ltr">{#table_dlg.ltr}</option> |
| | | <option value="rtl">{#table_dlg.rtl}</option> |
| | | </select>
|
| | | </td> |
| | | </tr>
|
| | |
|
| | | <tr>
|
| | | <td class="column1"><label for="lang">{#table_dlg.langcode}</label></td> |
| | | <td>
|
| | | <input id="lang" name="lang" type="text" value="" style="width: 200px" />
|
| | | </td> |
| | | </tr>
|
| | |
|
| | | <tr>
|
| | | <td class="column1"><label for="backgroundimage">{#table_dlg.bgimage}</label></td> |
| | | <td>
|
| | | <table role="presentation" border="0" cellpadding="0" cellspacing="0">
|
| | | <tr>
|
| | | <td><input id="backgroundimage" name="backgroundimage" type="text" value="" style="width: 200px" onchange="changedBackgroundImage();" /></td>
|
| | | <td id="backgroundimagebrowsercontainer"> </td>
|
| | | </tr>
|
| | | </table>
|
| | | </td> |
| | | </tr>
|
| | |
|
| | | <tr role="group" aria-labelledby="bordercolor_label">
|
| | | <td class="column1"><label id="bordercolor_label" for="bordercolor">{#table_dlg.bordercolor}</label></td> |
| | | <td>
|
| | | <table role="presentation" border="0" cellpadding="0" cellspacing="0">
|
| | | <tr>
|
| | | <td><input id="bordercolor" name="bordercolor" type="text" value="" size="9" onchange="updateColor('bordercolor_pick','bordercolor');changedColor();" /></td>
|
| | | <td id="bordercolor_pickcontainer"> </td>
|
| | | </tr>
|
| | | </table>
|
| | | </td> |
| | | </tr>
|
| | |
|
| | | <tr role="group" aria-labelledby="bgcolor_label">
|
| | | <td class="column1"><label id="bgcolor_label" for="bgcolor">{#table_dlg.bgcolor}</label></td> |
| | | <td>
|
| | | <table role="presentation" border="0" cellpadding="0" cellspacing="0">
|
| | | <tr>
|
| | | <td><input id="bgcolor" name="bgcolor" type="text" value="" size="9" onchange="updateColor('bgcolor_pick','bgcolor');changedColor();" /></td>
|
| | | <td id="bgcolor_pickcontainer"> </td>
|
| | | </tr>
|
| | | </table>
|
| | | </td> |
| | | </tr>
|
| | | </table>
|
| | | </fieldset>
|
| | | </div>
|
| | | </div>
|
| | |
|
| | | <div class="mceActionPanel">
|
| | | <div>
|
| | | <select id="action" name="action">
|
| | | <option value="cell">{#table_dlg.cell_cell}</option>
|
| | | <option value="row">{#table_dlg.cell_row}</option>
|
| | | <option value="col">{#table_dlg.cell_col}</option>
|
| | | <option value="all">{#table_dlg.cell_all}</option>
|
| | | </select>
|
| | | </div>
|
| | |
|
| | | <input type="submit" id="insert" name="insert" value="{#update}" />
|
| | | <input type="button" id="cancel" name="cancel" value="{#cancel}" onclick="tinyMCEPopup.close();" />
|
| | | </div>
|
| | | </form>
|
| | | </body>
|
| | | </html>
|
New file |
| | |
| | | /* CSS file for cell dialog in the table plugin */
|
| | |
|
| | | .panel_wrapper div.current {
|
| | | height: 200px;
|
| | | }
|
| | |
|
| | | .advfield {
|
| | | width: 200px;
|
| | | }
|
| | |
|
| | | #action {
|
| | | margin-bottom: 3px;
|
| | | }
|
| | |
|
| | | #class {
|
| | | width: 150px;
|
| | | } |
New file |
| | |
| | | /* CSS file for row dialog in the table plugin */
|
| | |
|
| | | .panel_wrapper div.current {
|
| | | height: 200px;
|
| | | }
|
| | |
|
| | | .advfield {
|
| | | width: 200px;
|
| | | }
|
| | |
|
| | | #action {
|
| | | margin-bottom: 3px;
|
| | | }
|
| | |
|
| | | #rowtype,#align,#valign,#class,#height {
|
| | | width: 150px;
|
| | | }
|
| | |
|
| | | #height {
|
| | | width: 50px; |
| | | }
|
| | |
|
| | | .col2 {
|
| | | padding-left: 20px;
|
| | | }
|
New file |
| | |
| | | /* CSS file for table dialog in the table plugin */
|
| | |
|
| | | .panel_wrapper div.current {
|
| | | height: 245px;
|
| | | }
|
| | |
|
| | | .advfield {
|
| | | width: 200px;
|
| | | }
|
| | |
|
| | | #class {
|
| | | width: 150px;
|
| | | }
|
New file |
| | |
| | | (function(d){var e=d.each;function c(g,h){var j=h.ownerDocument,f=j.createRange(),k;f.setStartBefore(h);f.setEnd(g.endContainer,g.endOffset);k=j.createElement("body");k.appendChild(f.cloneContents());return k.innerHTML.replace(/<(br|img|object|embed|input|textarea)[^>]*>/gi,"-").replace(/<[^>]+>/g,"").length==0}function a(g,f){return parseInt(g.getAttribute(f)||1)}function b(H,G,K){var g,L,D,o;t();o=G.getParent(K.getStart(),"th,td");if(o){L=F(o);D=I();o=z(L.x,L.y)}function A(N,M){N=N.cloneNode(M);N.removeAttribute("id");return N}function t(){var M=0;g=[];e(["thead","tbody","tfoot"],function(N){var O=G.select("> "+N+" tr",H);e(O,function(P,Q){Q+=M;e(G.select("> td, > th",P),function(W,R){var S,T,U,V;if(g[Q]){while(g[Q][R]){R++}}U=a(W,"rowspan");V=a(W,"colspan");for(T=Q;T<Q+U;T++){if(!g[T]){g[T]=[]}for(S=R;S<R+V;S++){g[T][S]={part:N,real:T==Q&&S==R,elm:W,rowspan:U,colspan:V}}}})});M+=O.length})}function z(M,O){var N;N=g[O];if(N){return N[M]}}function s(O,M,N){if(O){N=parseInt(N);if(N===1){O.removeAttribute(M,1)}else{O.setAttribute(M,N,1)}}}function j(M){return M&&(G.hasClass(M.elm,"mceSelected")||M==o)}function k(){var M=[];e(H.rows,function(N){e(N.cells,function(O){if(G.hasClass(O,"mceSelected")||O==o.elm){M.push(N);return false}})});return M}function r(){var M=G.createRng();M.setStartAfter(H);M.setEndAfter(H);K.setRng(M);G.remove(H)}function f(M){var N;d.walk(M,function(P){var O;if(P.nodeType==3){e(G.getParents(P.parentNode,null,M).reverse(),function(Q){Q=A(Q,false);if(!N){N=O=Q}else{if(O){O.appendChild(Q)}}O=Q});if(O){O.innerHTML=d.isIE?" ":'<br data-mce-bogus="1" />'}return false}},"childNodes");M=A(M,false);s(M,"rowSpan",1);s(M,"colSpan",1);if(N){M.appendChild(N)}else{if(!d.isIE){M.innerHTML='<br data-mce-bogus="1" />'}}return M}function q(){var M=G.createRng();e(G.select("tr",H),function(N){if(N.cells.length==0){G.remove(N)}});if(G.select("tr",H).length==0){M.setStartAfter(H);M.setEndAfter(H);K.setRng(M);G.remove(H);return}e(G.select("thead,tbody,tfoot",H),function(N){if(N.rows.length==0){G.remove(N)}});t();row=g[Math.min(g.length-1,L.y)];if(row){K.select(row[Math.min(row.length-1,L.x)].elm,true);K.collapse(true)}}function u(S,Q,U,R){var P,N,M,O,T;P=g[Q][S].elm.parentNode;for(M=1;M<=U;M++){P=G.getNext(P,"tr");if(P){for(N=S;N>=0;N--){T=g[Q+M][N].elm;if(T.parentNode==P){for(O=1;O<=R;O++){G.insertAfter(f(T),T)}break}}if(N==-1){for(O=1;O<=R;O++){P.insertBefore(f(P.cells[0]),P.cells[0])}}}}}function C(){e(g,function(M,N){e(M,function(P,O){var S,R,T,Q;if(j(P)){P=P.elm;S=a(P,"colspan");R=a(P,"rowspan");if(S>1||R>1){s(P,"rowSpan",1);s(P,"colSpan",1);for(Q=0;Q<S-1;Q++){G.insertAfter(f(P),P)}u(O,N,R-1,S)}}})})}function p(V,S,Y){var P,O,X,W,U,R,T,M,V,N,Q;if(V){pos=F(V);P=pos.x;O=pos.y;X=P+(S-1);W=O+(Y-1)}else{P=L.x;O=L.y;X=D.x;W=D.y}T=z(P,O);M=z(X,W);if(T&&M&&T.part==M.part){C();t();T=z(P,O).elm;s(T,"colSpan",(X-P)+1);s(T,"rowSpan",(W-O)+1);for(R=O;R<=W;R++){for(U=P;U<=X;U++){if(!g[R]||!g[R][U]){continue}V=g[R][U].elm;if(V!=T){N=d.grep(V.childNodes);e(N,function(Z){T.appendChild(Z)});if(N.length){N=d.grep(T.childNodes);Q=0;e(N,function(Z){if(Z.nodeName=="BR"&&G.getAttrib(Z,"data-mce-bogus")&&Q++<N.length-1){T.removeChild(Z)}})}G.remove(V)}}}q()}}function l(Q){var M,S,P,R,T,U,N,V,O;e(g,function(W,X){e(W,function(Z,Y){if(j(Z)){Z=Z.elm;T=Z.parentNode;U=A(T,false);M=X;if(Q){return false}}});if(Q){return !M}});for(R=0;R<g[0].length;R++){if(!g[M][R]){continue}S=g[M][R].elm;if(S!=P){if(!Q){O=a(S,"rowspan");if(O>1){s(S,"rowSpan",O+1);continue}}else{if(M>0&&g[M-1][R]){V=g[M-1][R].elm;O=a(V,"rowSpan");if(O>1){s(V,"rowSpan",O+1);continue}}}N=f(S);s(N,"colSpan",S.colSpan);U.appendChild(N);P=S}}if(U.hasChildNodes()){if(!Q){G.insertAfter(U,T)}else{T.parentNode.insertBefore(U,T)}}}function h(N){var O,M;e(g,function(P,Q){e(P,function(S,R){if(j(S)){O=R;if(N){return false}}});if(N){return !O}});e(g,function(S,T){var P,Q,R;if(!S[O]){return}P=S[O].elm;if(P!=M){R=a(P,"colspan");Q=a(P,"rowspan");if(R==1){if(!N){G.insertAfter(f(P),P);u(O,T,Q-1,R)}else{P.parentNode.insertBefore(f(P),P);u(O,T,Q-1,R)}}else{s(P,"colSpan",P.colSpan+1)}M=P}})}function n(){var M=[];e(g,function(N,O){e(N,function(Q,P){if(j(Q)&&d.inArray(M,P)===-1){e(g,function(T){var R=T[P].elm,S;S=a(R,"colSpan");if(S>1){s(R,"colSpan",S-1)}else{G.remove(R)}});M.push(P)}})});q()}function m(){var N;function M(Q){var P,R,O;P=G.getNext(Q,"tr");e(Q.cells,function(S){var T=a(S,"rowSpan");if(T>1){s(S,"rowSpan",T-1);R=F(S);u(R.x,R.y,1,1)}});R=F(Q.cells[0]);e(g[R.y],function(S){var T;S=S.elm;if(S!=O){T=a(S,"rowSpan");if(T<=1){G.remove(S)}else{s(S,"rowSpan",T-1)}O=S}})}N=k();e(N.reverse(),function(O){M(O)});q()}function E(){var M=k();G.remove(M);q();return M}function J(){var M=k();e(M,function(O,N){M[N]=A(O,true)});return M}function B(O,N){var P=k(),M=P[N?0:P.length-1],Q=M.cells.length;e(g,function(S){var R;Q=0;e(S,function(U,T){if(U.real){Q+=U.colspan}if(U.elm.parentNode==M){R=1}});if(R){return false}});if(!N){O.reverse()}e(O,function(T){var S=T.cells.length,R;for(i=0;i<S;i++){R=T.cells[i];s(R,"colSpan",1);s(R,"rowSpan",1)}for(i=S;i<Q;i++){T.appendChild(f(T.cells[S-1]))}for(i=Q;i<S;i++){G.remove(T.cells[i])}if(N){M.parentNode.insertBefore(T,M)}else{G.insertAfter(T,M)}})}function F(M){var N;e(g,function(O,P){e(O,function(R,Q){if(R.elm==M){N={x:Q,y:P};return false}});return !N});return N}function w(M){L=F(M)}function I(){var O,N,M;N=M=0;e(g,function(P,Q){e(P,function(S,R){var U,T;if(j(S)){S=g[Q][R];if(R>N){N=R}if(Q>M){M=Q}if(S.real){U=S.colspan-1;T=S.rowspan-1;if(U){if(R+U>N){N=R+U}}if(T){if(Q+T>M){M=Q+T}}}}})});return{x:N,y:M}}function v(S){var P,O,U,T,N,M,Q,R;D=F(S);if(L&&D){P=Math.min(L.x,D.x);O=Math.min(L.y,D.y);U=Math.max(L.x,D.x);T=Math.max(L.y,D.y);N=U;M=T;for(y=O;y<=M;y++){S=g[y][P];if(!S.real){if(P-(S.colspan-1)<P){P-=S.colspan-1}}}for(x=P;x<=N;x++){S=g[O][x];if(!S.real){if(O-(S.rowspan-1)<O){O-=S.rowspan-1}}}for(y=O;y<=T;y++){for(x=P;x<=U;x++){S=g[y][x];if(S.real){Q=S.colspan-1;R=S.rowspan-1;if(Q){if(x+Q>N){N=x+Q}}if(R){if(y+R>M){M=y+R}}}}}G.removeClass(G.select("td.mceSelected,th.mceSelected"),"mceSelected");for(y=O;y<=M;y++){for(x=P;x<=N;x++){if(g[y][x]){G.addClass(g[y][x].elm,"mceSelected")}}}}}d.extend(this,{deleteTable:r,split:C,merge:p,insertRow:l,insertCol:h,deleteCols:n,deleteRows:m,cutRows:E,copyRows:J,pasteRows:B,getPos:F,setStartCell:w,setEndCell:v})}d.create("tinymce.plugins.TablePlugin",{init:function(g,h){var f,m,j=true;function l(p){var o=g.selection,n=g.dom.getParent(p||o.getNode(),"table");if(n){return new b(n,g.dom,o)}}function k(){g.getBody().style.webkitUserSelect="";if(j){g.dom.removeClass(g.dom.select("td.mceSelected,th.mceSelected"),"mceSelected");j=false}}e([["table","table.desc","mceInsertTable",true],["delete_table","table.del","mceTableDelete"],["delete_col","table.delete_col_desc","mceTableDeleteCol"],["delete_row","table.delete_row_desc","mceTableDeleteRow"],["col_after","table.col_after_desc","mceTableInsertColAfter"],["col_before","table.col_before_desc","mceTableInsertColBefore"],["row_after","table.row_after_desc","mceTableInsertRowAfter"],["row_before","table.row_before_desc","mceTableInsertRowBefore"],["row_props","table.row_desc","mceTableRowProps",true],["cell_props","table.cell_desc","mceTableCellProps",true],["split_cells","table.split_cells_desc","mceTableSplitCells",true],["merge_cells","table.merge_cells_desc","mceTableMergeCells",true]],function(n){g.addButton(n[0],{title:n[1],cmd:n[2],ui:n[3]})});if(!d.isIE){g.onClick.add(function(n,o){o=o.target;if(o.nodeName==="TABLE"){n.selection.select(o);n.nodeChanged()}})}g.onPreProcess.add(function(o,p){var n,q,r,t=o.dom,s;n=t.select("table",p.node);q=n.length;while(q--){r=n[q];t.setAttrib(r,"data-mce-style","");if((s=t.getAttrib(r,"width"))){t.setStyle(r,"width",s);t.setAttrib(r,"width","")}if((s=t.getAttrib(r,"height"))){t.setStyle(r,"height",s);t.setAttrib(r,"height","")}}});g.onNodeChange.add(function(q,o,s){var r;s=q.selection.getStart();r=q.dom.getParent(s,"td,th,caption");o.setActive("table",s.nodeName==="TABLE"||!!r);if(r&&r.nodeName==="CAPTION"){r=0}o.setDisabled("delete_table",!r);o.setDisabled("delete_col",!r);o.setDisabled("delete_table",!r);o.setDisabled("delete_row",!r);o.setDisabled("col_after",!r);o.setDisabled("col_before",!r);o.setDisabled("row_after",!r);o.setDisabled("row_before",!r);o.setDisabled("row_props",!r);o.setDisabled("cell_props",!r);o.setDisabled("split_cells",!r);o.setDisabled("merge_cells",!r)});g.onInit.add(function(r){var p,t,q=r.dom,u;f=r.windowManager;r.onMouseDown.add(function(w,z){if(z.button!=2){k();t=q.getParent(z.target,"td,th");p=q.getParent(t,"table")}});q.bind(r.getDoc(),"mouseover",function(C){var A,z,B=C.target;if(t&&(u||B!=t)&&(B.nodeName=="TD"||B.nodeName=="TH")){z=q.getParent(B,"table");if(z==p){if(!u){u=l(z);u.setStartCell(t);r.getBody().style.webkitUserSelect="none"}u.setEndCell(B);j=true}A=r.selection.getSel();try{if(A.removeAllRanges){A.removeAllRanges()}else{A.empty()}}catch(w){}C.preventDefault()}});r.onMouseUp.add(function(F,G){var z,B=F.selection,H,I=B.getSel(),w,C,A,E;if(t){if(u){F.getBody().style.webkitUserSelect=""}function D(J,L){var K=new d.dom.TreeWalker(J,J);do{if(J.nodeType==3&&d.trim(J.nodeValue).length!=0){if(L){z.setStart(J,0)}else{z.setEnd(J,J.nodeValue.length)}return}if(J.nodeName=="BR"){if(L){z.setStartBefore(J)}else{z.setEndBefore(J)}return}}while(J=(L?K.next():K.prev()))}H=q.select("td.mceSelected,th.mceSelected");if(H.length>0){z=q.createRng();C=H[0];E=H[H.length-1];z.setStartBefore(C);z.setEndAfter(C);D(C,1);w=new d.dom.TreeWalker(C,q.getParent(H[0],"table"));do{if(C.nodeName=="TD"||C.nodeName=="TH"){if(!q.hasClass(C,"mceSelected")){break}A=C}}while(C=w.next());D(A);B.setRng(z)}F.nodeChanged();t=u=p=null}});r.onKeyUp.add(function(w,z){k()});r.onKeyDown.add(function(w,z){n(w)});r.onMouseDown.add(function(w,z){if(z.button!=2){n(w)}});function o(D,z,A,F){var B=3,G=D.dom.getParent(z.startContainer,"TABLE"),C,w,E;if(G){C=G.parentNode}w=z.startContainer.nodeType==B&&z.startOffset==0&&z.endOffset==0&&F&&(A.nodeName=="TR"||A==C);E=(A.nodeName=="TD"||A.nodeName=="TH")&&!F;return w||E}function n(A){if(!d.isWebKit){return}var z=A.selection.getRng();var C=A.selection.getNode();var B=A.dom.getParent(z.startContainer,"TD");if(!o(A,z,C,B)){return}if(!B){B=C}var w=B.lastChild;while(w.lastChild){w=w.lastChild}z.setEnd(w,w.nodeValue.length);A.selection.setRng(z)}r.plugins.table.fixTableCellSelection=n;if(r&&r.plugins.contextmenu){r.plugins.contextmenu.onContextMenu.add(function(A,w,C){var D,B=r.selection,z=B.getNode()||r.getBody();if(r.dom.getParent(C,"td")||r.dom.getParent(C,"th")||r.dom.select("td.mceSelected,th.mceSelected").length){w.removeAll();if(z.nodeName=="A"&&!r.dom.getAttrib(z,"name")){w.add({title:"advanced.link_desc",icon:"link",cmd:r.plugins.advlink?"mceAdvLink":"mceLink",ui:true});w.add({title:"advanced.unlink_desc",icon:"unlink",cmd:"UnLink"});w.addSeparator()}if(z.nodeName=="IMG"&&z.className.indexOf("mceItem")==-1){w.add({title:"advanced.image_desc",icon:"image",cmd:r.plugins.advimage?"mceAdvImage":"mceImage",ui:true});w.addSeparator()}w.add({title:"table.desc",icon:"table",cmd:"mceInsertTable",value:{action:"insert"}});w.add({title:"table.props_desc",icon:"table_props",cmd:"mceInsertTable"});w.add({title:"table.del",icon:"delete_table",cmd:"mceTableDelete"});w.addSeparator();D=w.addMenu({title:"table.cell"});D.add({title:"table.cell_desc",icon:"cell_props",cmd:"mceTableCellProps"});D.add({title:"table.split_cells_desc",icon:"split_cells",cmd:"mceTableSplitCells"});D.add({title:"table.merge_cells_desc",icon:"merge_cells",cmd:"mceTableMergeCells"});D=w.addMenu({title:"table.row"});D.add({title:"table.row_desc",icon:"row_props",cmd:"mceTableRowProps"});D.add({title:"table.row_before_desc",icon:"row_before",cmd:"mceTableInsertRowBefore"});D.add({title:"table.row_after_desc",icon:"row_after",cmd:"mceTableInsertRowAfter"});D.add({title:"table.delete_row_desc",icon:"delete_row",cmd:"mceTableDeleteRow"});D.addSeparator();D.add({title:"table.cut_row_desc",icon:"cut",cmd:"mceTableCutRow"});D.add({title:"table.copy_row_desc",icon:"copy",cmd:"mceTableCopyRow"});D.add({title:"table.paste_row_before_desc",icon:"paste",cmd:"mceTablePasteRowBefore"}).setDisabled(!m);D.add({title:"table.paste_row_after_desc",icon:"paste",cmd:"mceTablePasteRowAfter"}).setDisabled(!m);D=w.addMenu({title:"table.col"});D.add({title:"table.col_before_desc",icon:"col_before",cmd:"mceTableInsertColBefore"});D.add({title:"table.col_after_desc",icon:"col_after",cmd:"mceTableInsertColAfter"});D.add({title:"table.delete_col_desc",icon:"delete_col",cmd:"mceTableDeleteCol"})}else{w.add({title:"table.desc",icon:"table",cmd:"mceInsertTable"})}})}if(d.isWebKit){function v(B,M){function F(Q){B.selection.setCursorLocation(Q,0)}function H(R,Q){return R.keyCode==z?Q.previousSibling:Q.nextSibling}function G(R,S){var Q=H(R,S);return Q!==null&&Q.tagName==="TR"?Q:null}function C(Q,R){return Q.dom.getParent(R,"table")}function O(Q){var R=C(B,Q);return H(M,R)}function A(Q){return Q.keyCode==z||Q.keyCode==I}function D(Q){var S=Q.selection.getNode();var R=Q.dom.getParent(S,"tr");return R!==null}function N(R){var Q=0;var S=R;while(S.previousSibling){S=S.previousSibling;Q=Q+a(S,"colspan")}return Q}function E(S,Q){var T=0;var R=0;e(S.children,function(U,V){T=T+a(U,"colspan");R=V;if(T>Q){return false}});return R}function w(S,T,V){var U=N(S.dom.getParent(T,"td,th"));var R=E(V,U);var Q=V.childNodes[R];F(Q)}function L(R,T){var Q=O(R);if(Q!==null){F(Q);return d.dom.Event.cancel(T)}else{var S=T.keyCode==z?R.firstChild:R.lastChild;F(S);return true}}var z=38;var I=40;if(A(M)&&D(B)){var J=B.selection.getNode();var P=B.dom.getParent(J,"tr");var K=G(M,P);if(K==null){return L(P,M)}else{w(B,J,K);d.dom.Event.cancel(M);return true}}}r.onKeyDown.add(v)}if(!d.isIE){function s(){var w;for(w=r.getBody().lastChild;w&&w.nodeType==3&&!w.nodeValue.length;w=w.previousSibling){}if(w&&w.nodeName=="TABLE"){r.dom.add(r.getBody(),"p",null,'<br mce_bogus="1" />')}}if(d.isGecko){r.onKeyDown.add(function(z,B){var w,A,C=z.dom;if(B.keyCode==37||B.keyCode==38){w=z.selection.getRng();A=C.getParent(w.startContainer,"table");if(A&&z.getBody().firstChild==A){if(c(w,A)){w=C.createRng();w.setStartBefore(A);w.setEndBefore(A);z.selection.setRng(w);B.preventDefault()}}}})}r.onKeyUp.add(s);r.onSetContent.add(s);r.onVisualAid.add(s);r.onPreProcess.add(function(w,A){var z=A.node.lastChild;if(z&&z.childNodes.length==1&&z.firstChild.nodeName=="BR"){w.dom.remove(z)}});s();r.startContent=r.getContent({format:"raw"})}});e({mceTableSplitCells:function(n){n.split()},mceTableMergeCells:function(o){var p,q,n;n=g.dom.getParent(g.selection.getNode(),"th,td");if(n){p=n.rowSpan;q=n.colSpan}if(!g.dom.select("td.mceSelected,th.mceSelected").length){f.open({url:h+"/merge_cells.htm",width:240+parseInt(g.getLang("table.merge_cells_delta_width",0)),height:110+parseInt(g.getLang("table.merge_cells_delta_height",0)),inline:1},{rows:p,cols:q,onaction:function(r){o.merge(n,r.cols,r.rows)},plugin_url:h})}else{o.merge()}},mceTableInsertRowBefore:function(n){n.insertRow(true)},mceTableInsertRowAfter:function(n){n.insertRow()},mceTableInsertColBefore:function(n){n.insertCol(true)},mceTableInsertColAfter:function(n){n.insertCol()},mceTableDeleteCol:function(n){n.deleteCols()},mceTableDeleteRow:function(n){n.deleteRows()},mceTableCutRow:function(n){m=n.cutRows()},mceTableCopyRow:function(n){m=n.copyRows()},mceTablePasteRowBefore:function(n){n.pasteRows(m,true)},mceTablePasteRowAfter:function(n){n.pasteRows(m)},mceTableDelete:function(n){n.deleteTable()}},function(o,n){g.addCommand(n,function(){var p=l();if(p){o(p);g.execCommand("mceRepaint");k()}})});e({mceInsertTable:function(n){f.open({url:h+"/table.htm",width:400+parseInt(g.getLang("table.table_delta_width",0)),height:320+parseInt(g.getLang("table.table_delta_height",0)),inline:1},{plugin_url:h,action:n?n.action:0})},mceTableRowProps:function(){f.open({url:h+"/row.htm",width:400+parseInt(g.getLang("table.rowprops_delta_width",0)),height:295+parseInt(g.getLang("table.rowprops_delta_height",0)),inline:1},{plugin_url:h})},mceTableCellProps:function(){f.open({url:h+"/cell.htm",width:400+parseInt(g.getLang("table.cellprops_delta_width",0)),height:295+parseInt(g.getLang("table.cellprops_delta_height",0)),inline:1},{plugin_url:h})}},function(o,n){g.addCommand(n,function(p,q){o(q)})})}});d.PluginManager.add("table",d.plugins.TablePlugin)})(tinymce); |
New file |
| | |
| | | /** |
| | | * editor_plugin_src.js |
| | | * |
| | | * Copyright 2009, Moxiecode Systems AB |
| | | * Released under LGPL License. |
| | | * |
| | | * License: http://tinymce.moxiecode.com/license |
| | | * Contributing: http://tinymce.moxiecode.com/contributing |
| | | */ |
| | | |
| | | (function(tinymce) { |
| | | var each = tinymce.each; |
| | | |
| | | // Checks if the selection/caret is at the start of the specified block element |
| | | function isAtStart(rng, par) { |
| | | var doc = par.ownerDocument, rng2 = doc.createRange(), elm; |
| | | |
| | | rng2.setStartBefore(par); |
| | | rng2.setEnd(rng.endContainer, rng.endOffset); |
| | | |
| | | elm = doc.createElement('body'); |
| | | elm.appendChild(rng2.cloneContents()); |
| | | |
| | | // Check for text characters of other elements that should be treated as content |
| | | return elm.innerHTML.replace(/<(br|img|object|embed|input|textarea)[^>]*>/gi, '-').replace(/<[^>]+>/g, '').length == 0; |
| | | }; |
| | | |
| | | function getSpanVal(td, name) { |
| | | return parseInt(td.getAttribute(name) || 1); |
| | | } |
| | | |
| | | /** |
| | | * Table Grid class. |
| | | */ |
| | | function TableGrid(table, dom, selection) { |
| | | var grid, startPos, endPos, selectedCell; |
| | | |
| | | buildGrid(); |
| | | selectedCell = dom.getParent(selection.getStart(), 'th,td'); |
| | | if (selectedCell) { |
| | | startPos = getPos(selectedCell); |
| | | endPos = findEndPos(); |
| | | selectedCell = getCell(startPos.x, startPos.y); |
| | | } |
| | | |
| | | function cloneNode(node, children) { |
| | | node = node.cloneNode(children); |
| | | node.removeAttribute('id'); |
| | | |
| | | return node; |
| | | } |
| | | |
| | | function buildGrid() { |
| | | var startY = 0; |
| | | |
| | | grid = []; |
| | | |
| | | each(['thead', 'tbody', 'tfoot'], function(part) { |
| | | var rows = dom.select('> ' + part + ' tr', table); |
| | | |
| | | each(rows, function(tr, y) { |
| | | y += startY; |
| | | |
| | | each(dom.select('> td, > th', tr), function(td, x) { |
| | | var x2, y2, rowspan, colspan; |
| | | |
| | | // Skip over existing cells produced by rowspan |
| | | if (grid[y]) { |
| | | while (grid[y][x]) |
| | | x++; |
| | | } |
| | | |
| | | // Get col/rowspan from cell |
| | | rowspan = getSpanVal(td, 'rowspan'); |
| | | colspan = getSpanVal(td, 'colspan'); |
| | | |
| | | // Fill out rowspan/colspan right and down |
| | | for (y2 = y; y2 < y + rowspan; y2++) { |
| | | if (!grid[y2]) |
| | | grid[y2] = []; |
| | | |
| | | for (x2 = x; x2 < x + colspan; x2++) { |
| | | grid[y2][x2] = { |
| | | part : part, |
| | | real : y2 == y && x2 == x, |
| | | elm : td, |
| | | rowspan : rowspan, |
| | | colspan : colspan |
| | | }; |
| | | } |
| | | } |
| | | }); |
| | | }); |
| | | |
| | | startY += rows.length; |
| | | }); |
| | | }; |
| | | |
| | | function getCell(x, y) { |
| | | var row; |
| | | |
| | | row = grid[y]; |
| | | if (row) |
| | | return row[x]; |
| | | }; |
| | | |
| | | function setSpanVal(td, name, val) { |
| | | if (td) { |
| | | val = parseInt(val); |
| | | |
| | | if (val === 1) |
| | | td.removeAttribute(name, 1); |
| | | else |
| | | td.setAttribute(name, val, 1); |
| | | } |
| | | } |
| | | |
| | | function isCellSelected(cell) { |
| | | return cell && (dom.hasClass(cell.elm, 'mceSelected') || cell == selectedCell); |
| | | }; |
| | | |
| | | function getSelectedRows() { |
| | | var rows = []; |
| | | |
| | | each(table.rows, function(row) { |
| | | each(row.cells, function(cell) { |
| | | if (dom.hasClass(cell, 'mceSelected') || cell == selectedCell.elm) { |
| | | rows.push(row); |
| | | return false; |
| | | } |
| | | }); |
| | | }); |
| | | |
| | | return rows; |
| | | }; |
| | | |
| | | function deleteTable() { |
| | | var rng = dom.createRng(); |
| | | |
| | | rng.setStartAfter(table); |
| | | rng.setEndAfter(table); |
| | | |
| | | selection.setRng(rng); |
| | | |
| | | dom.remove(table); |
| | | }; |
| | | |
| | | function cloneCell(cell) { |
| | | var formatNode; |
| | | |
| | | // Clone formats |
| | | tinymce.walk(cell, function(node) { |
| | | var curNode; |
| | | |
| | | if (node.nodeType == 3) { |
| | | each(dom.getParents(node.parentNode, null, cell).reverse(), function(node) { |
| | | node = cloneNode(node, false); |
| | | |
| | | if (!formatNode) |
| | | formatNode = curNode = node; |
| | | else if (curNode) |
| | | curNode.appendChild(node); |
| | | |
| | | curNode = node; |
| | | }); |
| | | |
| | | // Add something to the inner node |
| | | if (curNode) |
| | | curNode.innerHTML = tinymce.isIE ? ' ' : '<br data-mce-bogus="1" />'; |
| | | |
| | | return false; |
| | | } |
| | | }, 'childNodes'); |
| | | |
| | | cell = cloneNode(cell, false); |
| | | setSpanVal(cell, 'rowSpan', 1); |
| | | setSpanVal(cell, 'colSpan', 1); |
| | | |
| | | if (formatNode) { |
| | | cell.appendChild(formatNode); |
| | | } else { |
| | | if (!tinymce.isIE) |
| | | cell.innerHTML = '<br data-mce-bogus="1" />'; |
| | | } |
| | | |
| | | return cell; |
| | | }; |
| | | |
| | | function cleanup() { |
| | | var rng = dom.createRng(); |
| | | |
| | | // Empty rows |
| | | each(dom.select('tr', table), function(tr) { |
| | | if (tr.cells.length == 0) |
| | | dom.remove(tr); |
| | | }); |
| | | |
| | | // Empty table |
| | | if (dom.select('tr', table).length == 0) { |
| | | rng.setStartAfter(table); |
| | | rng.setEndAfter(table); |
| | | selection.setRng(rng); |
| | | dom.remove(table); |
| | | return; |
| | | } |
| | | |
| | | // Empty header/body/footer |
| | | each(dom.select('thead,tbody,tfoot', table), function(part) { |
| | | if (part.rows.length == 0) |
| | | dom.remove(part); |
| | | }); |
| | | |
| | | // Restore selection to start position if it still exists |
| | | buildGrid(); |
| | | |
| | | // Restore the selection to the closest table position |
| | | row = grid[Math.min(grid.length - 1, startPos.y)]; |
| | | if (row) { |
| | | selection.select(row[Math.min(row.length - 1, startPos.x)].elm, true); |
| | | selection.collapse(true); |
| | | } |
| | | }; |
| | | |
| | | function fillLeftDown(x, y, rows, cols) { |
| | | var tr, x2, r, c, cell; |
| | | |
| | | tr = grid[y][x].elm.parentNode; |
| | | for (r = 1; r <= rows; r++) { |
| | | tr = dom.getNext(tr, 'tr'); |
| | | |
| | | if (tr) { |
| | | // Loop left to find real cell |
| | | for (x2 = x; x2 >= 0; x2--) { |
| | | cell = grid[y + r][x2].elm; |
| | | |
| | | if (cell.parentNode == tr) { |
| | | // Append clones after |
| | | for (c = 1; c <= cols; c++) |
| | | dom.insertAfter(cloneCell(cell), cell); |
| | | |
| | | break; |
| | | } |
| | | } |
| | | |
| | | if (x2 == -1) { |
| | | // Insert nodes before first cell |
| | | for (c = 1; c <= cols; c++) |
| | | tr.insertBefore(cloneCell(tr.cells[0]), tr.cells[0]); |
| | | } |
| | | } |
| | | } |
| | | }; |
| | | |
| | | function split() { |
| | | each(grid, function(row, y) { |
| | | each(row, function(cell, x) { |
| | | var colSpan, rowSpan, newCell, i; |
| | | |
| | | if (isCellSelected(cell)) { |
| | | cell = cell.elm; |
| | | colSpan = getSpanVal(cell, 'colspan'); |
| | | rowSpan = getSpanVal(cell, 'rowspan'); |
| | | |
| | | if (colSpan > 1 || rowSpan > 1) { |
| | | setSpanVal(cell, 'rowSpan', 1); |
| | | setSpanVal(cell, 'colSpan', 1); |
| | | |
| | | // Insert cells right |
| | | for (i = 0; i < colSpan - 1; i++) |
| | | dom.insertAfter(cloneCell(cell), cell); |
| | | |
| | | fillLeftDown(x, y, rowSpan - 1, colSpan); |
| | | } |
| | | } |
| | | }); |
| | | }); |
| | | }; |
| | | |
| | | function merge(cell, cols, rows) { |
| | | var startX, startY, endX, endY, x, y, startCell, endCell, cell, children, count; |
| | | |
| | | // Use specified cell and cols/rows |
| | | if (cell) { |
| | | pos = getPos(cell); |
| | | startX = pos.x; |
| | | startY = pos.y; |
| | | endX = startX + (cols - 1); |
| | | endY = startY + (rows - 1); |
| | | } else { |
| | | // Use selection |
| | | startX = startPos.x; |
| | | startY = startPos.y; |
| | | endX = endPos.x; |
| | | endY = endPos.y; |
| | | } |
| | | |
| | | // Find start/end cells |
| | | startCell = getCell(startX, startY); |
| | | endCell = getCell(endX, endY); |
| | | |
| | | // Check if the cells exists and if they are of the same part for example tbody = tbody |
| | | if (startCell && endCell && startCell.part == endCell.part) { |
| | | // Split and rebuild grid |
| | | split(); |
| | | buildGrid(); |
| | | |
| | | // Set row/col span to start cell |
| | | startCell = getCell(startX, startY).elm; |
| | | setSpanVal(startCell, 'colSpan', (endX - startX) + 1); |
| | | setSpanVal(startCell, 'rowSpan', (endY - startY) + 1); |
| | | |
| | | // Remove other cells and add it's contents to the start cell |
| | | for (y = startY; y <= endY; y++) { |
| | | for (x = startX; x <= endX; x++) { |
| | | if (!grid[y] || !grid[y][x]) |
| | | continue; |
| | | |
| | | cell = grid[y][x].elm; |
| | | |
| | | if (cell != startCell) { |
| | | // Move children to startCell |
| | | children = tinymce.grep(cell.childNodes); |
| | | each(children, function(node) { |
| | | startCell.appendChild(node); |
| | | }); |
| | | |
| | | // Remove bogus nodes if there is children in the target cell |
| | | if (children.length) { |
| | | children = tinymce.grep(startCell.childNodes); |
| | | count = 0; |
| | | each(children, function(node) { |
| | | if (node.nodeName == 'BR' && dom.getAttrib(node, 'data-mce-bogus') && count++ < children.length - 1) |
| | | startCell.removeChild(node); |
| | | }); |
| | | } |
| | | |
| | | // Remove cell |
| | | dom.remove(cell); |
| | | } |
| | | } |
| | | } |
| | | |
| | | // Remove empty rows etc and restore caret location |
| | | cleanup(); |
| | | } |
| | | }; |
| | | |
| | | function insertRow(before) { |
| | | var posY, cell, lastCell, x, rowElm, newRow, newCell, otherCell, rowSpan; |
| | | |
| | | // Find first/last row |
| | | each(grid, function(row, y) { |
| | | each(row, function(cell, x) { |
| | | if (isCellSelected(cell)) { |
| | | cell = cell.elm; |
| | | rowElm = cell.parentNode; |
| | | newRow = cloneNode(rowElm, false); |
| | | posY = y; |
| | | |
| | | if (before) |
| | | return false; |
| | | } |
| | | }); |
| | | |
| | | if (before) |
| | | return !posY; |
| | | }); |
| | | |
| | | for (x = 0; x < grid[0].length; x++) { |
| | | // Cell not found could be because of an invalid table structure |
| | | if (!grid[posY][x]) |
| | | continue; |
| | | |
| | | cell = grid[posY][x].elm; |
| | | |
| | | if (cell != lastCell) { |
| | | if (!before) { |
| | | rowSpan = getSpanVal(cell, 'rowspan'); |
| | | if (rowSpan > 1) { |
| | | setSpanVal(cell, 'rowSpan', rowSpan + 1); |
| | | continue; |
| | | } |
| | | } else { |
| | | // Check if cell above can be expanded |
| | | if (posY > 0 && grid[posY - 1][x]) { |
| | | otherCell = grid[posY - 1][x].elm; |
| | | rowSpan = getSpanVal(otherCell, 'rowSpan'); |
| | | if (rowSpan > 1) { |
| | | setSpanVal(otherCell, 'rowSpan', rowSpan + 1); |
| | | continue; |
| | | } |
| | | } |
| | | } |
| | | |
| | | // Insert new cell into new row |
| | | newCell = cloneCell(cell); |
| | | setSpanVal(newCell, 'colSpan', cell.colSpan); |
| | | |
| | | newRow.appendChild(newCell); |
| | | |
| | | lastCell = cell; |
| | | } |
| | | } |
| | | |
| | | if (newRow.hasChildNodes()) { |
| | | if (!before) |
| | | dom.insertAfter(newRow, rowElm); |
| | | else |
| | | rowElm.parentNode.insertBefore(newRow, rowElm); |
| | | } |
| | | }; |
| | | |
| | | function insertCol(before) { |
| | | var posX, lastCell; |
| | | |
| | | // Find first/last column |
| | | each(grid, function(row, y) { |
| | | each(row, function(cell, x) { |
| | | if (isCellSelected(cell)) { |
| | | posX = x; |
| | | |
| | | if (before) |
| | | return false; |
| | | } |
| | | }); |
| | | |
| | | if (before) |
| | | return !posX; |
| | | }); |
| | | |
| | | each(grid, function(row, y) { |
| | | var cell, rowSpan, colSpan; |
| | | |
| | | if (!row[posX]) |
| | | return; |
| | | |
| | | cell = row[posX].elm; |
| | | if (cell != lastCell) { |
| | | colSpan = getSpanVal(cell, 'colspan'); |
| | | rowSpan = getSpanVal(cell, 'rowspan'); |
| | | |
| | | if (colSpan == 1) { |
| | | if (!before) { |
| | | dom.insertAfter(cloneCell(cell), cell); |
| | | fillLeftDown(posX, y, rowSpan - 1, colSpan); |
| | | } else { |
| | | cell.parentNode.insertBefore(cloneCell(cell), cell); |
| | | fillLeftDown(posX, y, rowSpan - 1, colSpan); |
| | | } |
| | | } else |
| | | setSpanVal(cell, 'colSpan', cell.colSpan + 1); |
| | | |
| | | lastCell = cell; |
| | | } |
| | | }); |
| | | }; |
| | | |
| | | function deleteCols() { |
| | | var cols = []; |
| | | |
| | | // Get selected column indexes |
| | | each(grid, function(row, y) { |
| | | each(row, function(cell, x) { |
| | | if (isCellSelected(cell) && tinymce.inArray(cols, x) === -1) { |
| | | each(grid, function(row) { |
| | | var cell = row[x].elm, colSpan; |
| | | |
| | | colSpan = getSpanVal(cell, 'colSpan'); |
| | | |
| | | if (colSpan > 1) |
| | | setSpanVal(cell, 'colSpan', colSpan - 1); |
| | | else |
| | | dom.remove(cell); |
| | | }); |
| | | |
| | | cols.push(x); |
| | | } |
| | | }); |
| | | }); |
| | | |
| | | cleanup(); |
| | | }; |
| | | |
| | | function deleteRows() { |
| | | var rows; |
| | | |
| | | function deleteRow(tr) { |
| | | var nextTr, pos, lastCell; |
| | | |
| | | nextTr = dom.getNext(tr, 'tr'); |
| | | |
| | | // Move down row spanned cells |
| | | each(tr.cells, function(cell) { |
| | | var rowSpan = getSpanVal(cell, 'rowSpan'); |
| | | |
| | | if (rowSpan > 1) { |
| | | setSpanVal(cell, 'rowSpan', rowSpan - 1); |
| | | pos = getPos(cell); |
| | | fillLeftDown(pos.x, pos.y, 1, 1); |
| | | } |
| | | }); |
| | | |
| | | // Delete cells |
| | | pos = getPos(tr.cells[0]); |
| | | each(grid[pos.y], function(cell) { |
| | | var rowSpan; |
| | | |
| | | cell = cell.elm; |
| | | |
| | | if (cell != lastCell) { |
| | | rowSpan = getSpanVal(cell, 'rowSpan'); |
| | | |
| | | if (rowSpan <= 1) |
| | | dom.remove(cell); |
| | | else |
| | | setSpanVal(cell, 'rowSpan', rowSpan - 1); |
| | | |
| | | lastCell = cell; |
| | | } |
| | | }); |
| | | }; |
| | | |
| | | // Get selected rows and move selection out of scope |
| | | rows = getSelectedRows(); |
| | | |
| | | // Delete all selected rows |
| | | each(rows.reverse(), function(tr) { |
| | | deleteRow(tr); |
| | | }); |
| | | |
| | | cleanup(); |
| | | }; |
| | | |
| | | function cutRows() { |
| | | var rows = getSelectedRows(); |
| | | |
| | | dom.remove(rows); |
| | | cleanup(); |
| | | |
| | | return rows; |
| | | }; |
| | | |
| | | function copyRows() { |
| | | var rows = getSelectedRows(); |
| | | |
| | | each(rows, function(row, i) { |
| | | rows[i] = cloneNode(row, true); |
| | | }); |
| | | |
| | | return rows; |
| | | }; |
| | | |
| | | function pasteRows(rows, before) { |
| | | var selectedRows = getSelectedRows(), |
| | | targetRow = selectedRows[before ? 0 : selectedRows.length - 1], |
| | | targetCellCount = targetRow.cells.length; |
| | | |
| | | // Calc target cell count |
| | | each(grid, function(row) { |
| | | var match; |
| | | |
| | | targetCellCount = 0; |
| | | each(row, function(cell, x) { |
| | | if (cell.real) |
| | | targetCellCount += cell.colspan; |
| | | |
| | | if (cell.elm.parentNode == targetRow) |
| | | match = 1; |
| | | }); |
| | | |
| | | if (match) |
| | | return false; |
| | | }); |
| | | |
| | | if (!before) |
| | | rows.reverse(); |
| | | |
| | | each(rows, function(row) { |
| | | var cellCount = row.cells.length, cell; |
| | | |
| | | // Remove col/rowspans |
| | | for (i = 0; i < cellCount; i++) { |
| | | cell = row.cells[i]; |
| | | setSpanVal(cell, 'colSpan', 1); |
| | | setSpanVal(cell, 'rowSpan', 1); |
| | | } |
| | | |
| | | // Needs more cells |
| | | for (i = cellCount; i < targetCellCount; i++) |
| | | row.appendChild(cloneCell(row.cells[cellCount - 1])); |
| | | |
| | | // Needs less cells |
| | | for (i = targetCellCount; i < cellCount; i++) |
| | | dom.remove(row.cells[i]); |
| | | |
| | | // Add before/after |
| | | if (before) |
| | | targetRow.parentNode.insertBefore(row, targetRow); |
| | | else |
| | | dom.insertAfter(row, targetRow); |
| | | }); |
| | | }; |
| | | |
| | | function getPos(target) { |
| | | var pos; |
| | | |
| | | each(grid, function(row, y) { |
| | | each(row, function(cell, x) { |
| | | if (cell.elm == target) { |
| | | pos = {x : x, y : y}; |
| | | return false; |
| | | } |
| | | }); |
| | | |
| | | return !pos; |
| | | }); |
| | | |
| | | return pos; |
| | | }; |
| | | |
| | | function setStartCell(cell) { |
| | | startPos = getPos(cell); |
| | | }; |
| | | |
| | | function findEndPos() { |
| | | var pos, maxX, maxY; |
| | | |
| | | maxX = maxY = 0; |
| | | |
| | | each(grid, function(row, y) { |
| | | each(row, function(cell, x) { |
| | | var colSpan, rowSpan; |
| | | |
| | | if (isCellSelected(cell)) { |
| | | cell = grid[y][x]; |
| | | |
| | | if (x > maxX) |
| | | maxX = x; |
| | | |
| | | if (y > maxY) |
| | | maxY = y; |
| | | |
| | | if (cell.real) { |
| | | colSpan = cell.colspan - 1; |
| | | rowSpan = cell.rowspan - 1; |
| | | |
| | | if (colSpan) { |
| | | if (x + colSpan > maxX) |
| | | maxX = x + colSpan; |
| | | } |
| | | |
| | | if (rowSpan) { |
| | | if (y + rowSpan > maxY) |
| | | maxY = y + rowSpan; |
| | | } |
| | | } |
| | | } |
| | | }); |
| | | }); |
| | | |
| | | return {x : maxX, y : maxY}; |
| | | }; |
| | | |
| | | function setEndCell(cell) { |
| | | var startX, startY, endX, endY, maxX, maxY, colSpan, rowSpan; |
| | | |
| | | endPos = getPos(cell); |
| | | |
| | | if (startPos && endPos) { |
| | | // Get start/end positions |
| | | startX = Math.min(startPos.x, endPos.x); |
| | | startY = Math.min(startPos.y, endPos.y); |
| | | endX = Math.max(startPos.x, endPos.x); |
| | | endY = Math.max(startPos.y, endPos.y); |
| | | |
| | | // Expand end positon to include spans |
| | | maxX = endX; |
| | | maxY = endY; |
| | | |
| | | // Expand startX |
| | | for (y = startY; y <= maxY; y++) { |
| | | cell = grid[y][startX]; |
| | | |
| | | if (!cell.real) { |
| | | if (startX - (cell.colspan - 1) < startX) |
| | | startX -= cell.colspan - 1; |
| | | } |
| | | } |
| | | |
| | | // Expand startY |
| | | for (x = startX; x <= maxX; x++) { |
| | | cell = grid[startY][x]; |
| | | |
| | | if (!cell.real) { |
| | | if (startY - (cell.rowspan - 1) < startY) |
| | | startY -= cell.rowspan - 1; |
| | | } |
| | | } |
| | | |
| | | // Find max X, Y |
| | | for (y = startY; y <= endY; y++) { |
| | | for (x = startX; x <= endX; x++) { |
| | | cell = grid[y][x]; |
| | | |
| | | if (cell.real) { |
| | | colSpan = cell.colspan - 1; |
| | | rowSpan = cell.rowspan - 1; |
| | | |
| | | if (colSpan) { |
| | | if (x + colSpan > maxX) |
| | | maxX = x + colSpan; |
| | | } |
| | | |
| | | if (rowSpan) { |
| | | if (y + rowSpan > maxY) |
| | | maxY = y + rowSpan; |
| | | } |
| | | } |
| | | } |
| | | } |
| | | |
| | | // Remove current selection |
| | | dom.removeClass(dom.select('td.mceSelected,th.mceSelected'), 'mceSelected'); |
| | | |
| | | // Add new selection |
| | | for (y = startY; y <= maxY; y++) { |
| | | for (x = startX; x <= maxX; x++) { |
| | | if (grid[y][x]) |
| | | dom.addClass(grid[y][x].elm, 'mceSelected'); |
| | | } |
| | | } |
| | | } |
| | | }; |
| | | |
| | | // Expose to public |
| | | tinymce.extend(this, { |
| | | deleteTable : deleteTable, |
| | | split : split, |
| | | merge : merge, |
| | | insertRow : insertRow, |
| | | insertCol : insertCol, |
| | | deleteCols : deleteCols, |
| | | deleteRows : deleteRows, |
| | | cutRows : cutRows, |
| | | copyRows : copyRows, |
| | | pasteRows : pasteRows, |
| | | getPos : getPos, |
| | | setStartCell : setStartCell, |
| | | setEndCell : setEndCell |
| | | }); |
| | | }; |
| | | |
| | | tinymce.create('tinymce.plugins.TablePlugin', { |
| | | init : function(ed, url) { |
| | | var winMan, clipboardRows, hasCellSelection = true; // Might be selected cells on reload |
| | | |
| | | function createTableGrid(node) { |
| | | var selection = ed.selection, tblElm = ed.dom.getParent(node || selection.getNode(), 'table'); |
| | | |
| | | if (tblElm) |
| | | return new TableGrid(tblElm, ed.dom, selection); |
| | | }; |
| | | |
| | | function cleanup() { |
| | | // Restore selection possibilities |
| | | ed.getBody().style.webkitUserSelect = ''; |
| | | |
| | | if (hasCellSelection) { |
| | | ed.dom.removeClass(ed.dom.select('td.mceSelected,th.mceSelected'), 'mceSelected'); |
| | | hasCellSelection = false; |
| | | } |
| | | }; |
| | | |
| | | // Register buttons |
| | | each([ |
| | | ['table', 'table.desc', 'mceInsertTable', true], |
| | | ['delete_table', 'table.del', 'mceTableDelete'], |
| | | ['delete_col', 'table.delete_col_desc', 'mceTableDeleteCol'], |
| | | ['delete_row', 'table.delete_row_desc', 'mceTableDeleteRow'], |
| | | ['col_after', 'table.col_after_desc', 'mceTableInsertColAfter'], |
| | | ['col_before', 'table.col_before_desc', 'mceTableInsertColBefore'], |
| | | ['row_after', 'table.row_after_desc', 'mceTableInsertRowAfter'], |
| | | ['row_before', 'table.row_before_desc', 'mceTableInsertRowBefore'], |
| | | ['row_props', 'table.row_desc', 'mceTableRowProps', true], |
| | | ['cell_props', 'table.cell_desc', 'mceTableCellProps', true], |
| | | ['split_cells', 'table.split_cells_desc', 'mceTableSplitCells', true], |
| | | ['merge_cells', 'table.merge_cells_desc', 'mceTableMergeCells', true] |
| | | ], function(c) { |
| | | ed.addButton(c[0], {title : c[1], cmd : c[2], ui : c[3]}); |
| | | }); |
| | | |
| | | // Select whole table is a table border is clicked |
| | | if (!tinymce.isIE) { |
| | | ed.onClick.add(function(ed, e) { |
| | | e = e.target; |
| | | |
| | | if (e.nodeName === 'TABLE') { |
| | | ed.selection.select(e); |
| | | ed.nodeChanged(); |
| | | } |
| | | }); |
| | | } |
| | | |
| | | ed.onPreProcess.add(function(ed, args) { |
| | | var nodes, i, node, dom = ed.dom, value; |
| | | |
| | | nodes = dom.select('table', args.node); |
| | | i = nodes.length; |
| | | while (i--) { |
| | | node = nodes[i]; |
| | | dom.setAttrib(node, 'data-mce-style', ''); |
| | | |
| | | if ((value = dom.getAttrib(node, 'width'))) { |
| | | dom.setStyle(node, 'width', value); |
| | | dom.setAttrib(node, 'width', ''); |
| | | } |
| | | |
| | | if ((value = dom.getAttrib(node, 'height'))) { |
| | | dom.setStyle(node, 'height', value); |
| | | dom.setAttrib(node, 'height', ''); |
| | | } |
| | | } |
| | | }); |
| | | |
| | | // Handle node change updates |
| | | ed.onNodeChange.add(function(ed, cm, n) { |
| | | var p; |
| | | |
| | | n = ed.selection.getStart(); |
| | | p = ed.dom.getParent(n, 'td,th,caption'); |
| | | cm.setActive('table', n.nodeName === 'TABLE' || !!p); |
| | | |
| | | // Disable table tools if we are in caption |
| | | if (p && p.nodeName === 'CAPTION') |
| | | p = 0; |
| | | |
| | | cm.setDisabled('delete_table', !p); |
| | | cm.setDisabled('delete_col', !p); |
| | | cm.setDisabled('delete_table', !p); |
| | | cm.setDisabled('delete_row', !p); |
| | | cm.setDisabled('col_after', !p); |
| | | cm.setDisabled('col_before', !p); |
| | | cm.setDisabled('row_after', !p); |
| | | cm.setDisabled('row_before', !p); |
| | | cm.setDisabled('row_props', !p); |
| | | cm.setDisabled('cell_props', !p); |
| | | cm.setDisabled('split_cells', !p); |
| | | cm.setDisabled('merge_cells', !p); |
| | | }); |
| | | |
| | | ed.onInit.add(function(ed) { |
| | | var startTable, startCell, dom = ed.dom, tableGrid; |
| | | |
| | | winMan = ed.windowManager; |
| | | |
| | | // Add cell selection logic |
| | | ed.onMouseDown.add(function(ed, e) { |
| | | if (e.button != 2) { |
| | | cleanup(); |
| | | |
| | | startCell = dom.getParent(e.target, 'td,th'); |
| | | startTable = dom.getParent(startCell, 'table'); |
| | | } |
| | | }); |
| | | |
| | | dom.bind(ed.getDoc(), 'mouseover', function(e) { |
| | | var sel, table, target = e.target; |
| | | |
| | | if (startCell && (tableGrid || target != startCell) && (target.nodeName == 'TD' || target.nodeName == 'TH')) { |
| | | table = dom.getParent(target, 'table'); |
| | | if (table == startTable) { |
| | | if (!tableGrid) { |
| | | tableGrid = createTableGrid(table); |
| | | tableGrid.setStartCell(startCell); |
| | | |
| | | ed.getBody().style.webkitUserSelect = 'none'; |
| | | } |
| | | |
| | | tableGrid.setEndCell(target); |
| | | hasCellSelection = true; |
| | | } |
| | | |
| | | // Remove current selection |
| | | sel = ed.selection.getSel(); |
| | | |
| | | try { |
| | | if (sel.removeAllRanges) |
| | | sel.removeAllRanges(); |
| | | else |
| | | sel.empty(); |
| | | } catch (ex) { |
| | | // IE9 might throw errors here |
| | | } |
| | | |
| | | e.preventDefault(); |
| | | } |
| | | }); |
| | | |
| | | ed.onMouseUp.add(function(ed, e) { |
| | | var rng, sel = ed.selection, selectedCells, nativeSel = sel.getSel(), walker, node, lastNode, endNode; |
| | | |
| | | // Move selection to startCell |
| | | if (startCell) { |
| | | if (tableGrid) |
| | | ed.getBody().style.webkitUserSelect = ''; |
| | | |
| | | function setPoint(node, start) { |
| | | var walker = new tinymce.dom.TreeWalker(node, node); |
| | | |
| | | do { |
| | | // Text node |
| | | if (node.nodeType == 3 && tinymce.trim(node.nodeValue).length != 0) { |
| | | if (start) |
| | | rng.setStart(node, 0); |
| | | else |
| | | rng.setEnd(node, node.nodeValue.length); |
| | | |
| | | return; |
| | | } |
| | | |
| | | // BR element |
| | | if (node.nodeName == 'BR') { |
| | | if (start) |
| | | rng.setStartBefore(node); |
| | | else |
| | | rng.setEndBefore(node); |
| | | |
| | | return; |
| | | } |
| | | } while (node = (start ? walker.next() : walker.prev())); |
| | | } |
| | | |
| | | // Try to expand text selection as much as we can only Gecko supports cell selection |
| | | selectedCells = dom.select('td.mceSelected,th.mceSelected'); |
| | | if (selectedCells.length > 0) { |
| | | rng = dom.createRng(); |
| | | node = selectedCells[0]; |
| | | endNode = selectedCells[selectedCells.length - 1]; |
| | | rng.setStartBefore(node); |
| | | rng.setEndAfter(node); |
| | | |
| | | setPoint(node, 1); |
| | | walker = new tinymce.dom.TreeWalker(node, dom.getParent(selectedCells[0], 'table')); |
| | | |
| | | do { |
| | | if (node.nodeName == 'TD' || node.nodeName == 'TH') { |
| | | if (!dom.hasClass(node, 'mceSelected')) |
| | | break; |
| | | |
| | | lastNode = node; |
| | | } |
| | | } while (node = walker.next()); |
| | | |
| | | setPoint(lastNode); |
| | | |
| | | sel.setRng(rng); |
| | | } |
| | | |
| | | ed.nodeChanged(); |
| | | startCell = tableGrid = startTable = null; |
| | | } |
| | | }); |
| | | |
| | | ed.onKeyUp.add(function(ed, e) { |
| | | cleanup(); |
| | | }); |
| | | |
| | | ed.onKeyDown.add(function (ed, e) { |
| | | fixTableCellSelection(ed); |
| | | }); |
| | | |
| | | ed.onMouseDown.add(function (ed, e) { |
| | | if (e.button != 2) { |
| | | fixTableCellSelection(ed); |
| | | } |
| | | }); |
| | | function tableCellSelected(ed, rng, n, currentCell) { |
| | | // The decision of when a table cell is selected is somewhat involved. The fact that this code is |
| | | // required is actually a pointer to the root cause of this bug. A cell is selected when the start |
| | | // and end offsets are 0, the start container is a text, and the selection node is either a TR (most cases) |
| | | // or the parent of the table (in the case of the selection containing the last cell of a table). |
| | | var TEXT_NODE = 3, table = ed.dom.getParent(rng.startContainer, 'TABLE'), |
| | | tableParent, allOfCellSelected, tableCellSelection; |
| | | if (table) |
| | | tableParent = table.parentNode; |
| | | allOfCellSelected =rng.startContainer.nodeType == TEXT_NODE && |
| | | rng.startOffset == 0 && |
| | | rng.endOffset == 0 && |
| | | currentCell && |
| | | (n.nodeName=="TR" || n==tableParent); |
| | | tableCellSelection = (n.nodeName=="TD"||n.nodeName=="TH")&& !currentCell; |
| | | return allOfCellSelected || tableCellSelection; |
| | | // return false; |
| | | } |
| | | |
| | | // this nasty hack is here to work around some WebKit selection bugs. |
| | | function fixTableCellSelection(ed) { |
| | | if (!tinymce.isWebKit) |
| | | return; |
| | | |
| | | var rng = ed.selection.getRng(); |
| | | var n = ed.selection.getNode(); |
| | | var currentCell = ed.dom.getParent(rng.startContainer, 'TD'); |
| | | |
| | | if (!tableCellSelected(ed, rng, n, currentCell)) |
| | | return; |
| | | if (!currentCell) { |
| | | currentCell=n; |
| | | } |
| | | |
| | | // Get the very last node inside the table cell |
| | | var end = currentCell.lastChild; |
| | | while (end.lastChild) |
| | | end = end.lastChild; |
| | | |
| | | // Select the entire table cell. Nothing outside of the table cell should be selected. |
| | | rng.setEnd(end, end.nodeValue.length); |
| | | ed.selection.setRng(rng); |
| | | } |
| | | ed.plugins.table.fixTableCellSelection=fixTableCellSelection; |
| | | |
| | | // Add context menu |
| | | if (ed && ed.plugins.contextmenu) { |
| | | ed.plugins.contextmenu.onContextMenu.add(function(th, m, e) { |
| | | var sm, se = ed.selection, el = se.getNode() || ed.getBody(); |
| | | |
| | | if (ed.dom.getParent(e, 'td') || ed.dom.getParent(e, 'th') || ed.dom.select('td.mceSelected,th.mceSelected').length) { |
| | | m.removeAll(); |
| | | |
| | | if (el.nodeName == 'A' && !ed.dom.getAttrib(el, 'name')) { |
| | | m.add({title : 'advanced.link_desc', icon : 'link', cmd : ed.plugins.advlink ? 'mceAdvLink' : 'mceLink', ui : true}); |
| | | m.add({title : 'advanced.unlink_desc', icon : 'unlink', cmd : 'UnLink'}); |
| | | m.addSeparator(); |
| | | } |
| | | |
| | | if (el.nodeName == 'IMG' && el.className.indexOf('mceItem') == -1) { |
| | | m.add({title : 'advanced.image_desc', icon : 'image', cmd : ed.plugins.advimage ? 'mceAdvImage' : 'mceImage', ui : true}); |
| | | m.addSeparator(); |
| | | } |
| | | |
| | | m.add({title : 'table.desc', icon : 'table', cmd : 'mceInsertTable', value : {action : 'insert'}}); |
| | | m.add({title : 'table.props_desc', icon : 'table_props', cmd : 'mceInsertTable'}); |
| | | m.add({title : 'table.del', icon : 'delete_table', cmd : 'mceTableDelete'}); |
| | | m.addSeparator(); |
| | | |
| | | // Cell menu |
| | | sm = m.addMenu({title : 'table.cell'}); |
| | | sm.add({title : 'table.cell_desc', icon : 'cell_props', cmd : 'mceTableCellProps'}); |
| | | sm.add({title : 'table.split_cells_desc', icon : 'split_cells', cmd : 'mceTableSplitCells'}); |
| | | sm.add({title : 'table.merge_cells_desc', icon : 'merge_cells', cmd : 'mceTableMergeCells'}); |
| | | |
| | | // Row menu |
| | | sm = m.addMenu({title : 'table.row'}); |
| | | sm.add({title : 'table.row_desc', icon : 'row_props', cmd : 'mceTableRowProps'}); |
| | | sm.add({title : 'table.row_before_desc', icon : 'row_before', cmd : 'mceTableInsertRowBefore'}); |
| | | sm.add({title : 'table.row_after_desc', icon : 'row_after', cmd : 'mceTableInsertRowAfter'}); |
| | | sm.add({title : 'table.delete_row_desc', icon : 'delete_row', cmd : 'mceTableDeleteRow'}); |
| | | sm.addSeparator(); |
| | | sm.add({title : 'table.cut_row_desc', icon : 'cut', cmd : 'mceTableCutRow'}); |
| | | sm.add({title : 'table.copy_row_desc', icon : 'copy', cmd : 'mceTableCopyRow'}); |
| | | sm.add({title : 'table.paste_row_before_desc', icon : 'paste', cmd : 'mceTablePasteRowBefore'}).setDisabled(!clipboardRows); |
| | | sm.add({title : 'table.paste_row_after_desc', icon : 'paste', cmd : 'mceTablePasteRowAfter'}).setDisabled(!clipboardRows); |
| | | |
| | | // Column menu |
| | | sm = m.addMenu({title : 'table.col'}); |
| | | sm.add({title : 'table.col_before_desc', icon : 'col_before', cmd : 'mceTableInsertColBefore'}); |
| | | sm.add({title : 'table.col_after_desc', icon : 'col_after', cmd : 'mceTableInsertColAfter'}); |
| | | sm.add({title : 'table.delete_col_desc', icon : 'delete_col', cmd : 'mceTableDeleteCol'}); |
| | | } else |
| | | m.add({title : 'table.desc', icon : 'table', cmd : 'mceInsertTable'}); |
| | | }); |
| | | } |
| | | |
| | | // Fix to allow navigating up and down in a table in WebKit browsers. |
| | | if (tinymce.isWebKit) { |
| | | function moveSelection(ed, e) { |
| | | |
| | | function moveCursorToStartOfElement(n) { |
| | | ed.selection.setCursorLocation(n, 0); |
| | | } |
| | | |
| | | function getSibling(event, element) { |
| | | return event.keyCode == UP_ARROW ? element.previousSibling : element.nextSibling; |
| | | } |
| | | |
| | | function getNextRow(e, row) { |
| | | var sibling = getSibling(e, row); |
| | | return sibling !== null && sibling.tagName === 'TR' ? sibling : null; |
| | | } |
| | | |
| | | function getTable(ed, currentRow) { |
| | | return ed.dom.getParent(currentRow, 'table'); |
| | | } |
| | | |
| | | function getTableSibling(currentRow) { |
| | | var table = getTable(ed, currentRow); |
| | | return getSibling(e, table); |
| | | } |
| | | |
| | | function isVerticalMovement(event) { |
| | | return event.keyCode == UP_ARROW || event.keyCode == DOWN_ARROW; |
| | | } |
| | | |
| | | function isInTable(ed) { |
| | | var node = ed.selection.getNode(); |
| | | var currentRow = ed.dom.getParent(node, 'tr'); |
| | | return currentRow !== null; |
| | | } |
| | | |
| | | function columnIndex(column) { |
| | | var colIndex = 0; |
| | | var c = column; |
| | | while (c.previousSibling) { |
| | | c = c.previousSibling; |
| | | colIndex = colIndex + getSpanVal(c, "colspan"); |
| | | } |
| | | return colIndex; |
| | | } |
| | | |
| | | function findColumn(rowElement, columnIndex) { |
| | | var c = 0; |
| | | var r = 0; |
| | | each(rowElement.children, function(cell, i) { |
| | | c = c + getSpanVal(cell, "colspan"); |
| | | r = i; |
| | | if (c > columnIndex) |
| | | return false; |
| | | }); |
| | | return r; |
| | | } |
| | | |
| | | function moveCursorToRow(ed, node, row) { |
| | | var srcColumnIndex = columnIndex(ed.dom.getParent(node, 'td,th')); |
| | | var tgtColumnIndex = findColumn(row, srcColumnIndex) |
| | | var tgtNode = row.childNodes[tgtColumnIndex]; |
| | | moveCursorToStartOfElement(tgtNode); |
| | | } |
| | | |
| | | function escapeTable(currentRow, e) { |
| | | var tableSiblingElement = getTableSibling(currentRow); |
| | | if (tableSiblingElement !== null) { |
| | | moveCursorToStartOfElement(tableSiblingElement); |
| | | return tinymce.dom.Event.cancel(e); |
| | | } else { |
| | | var element = e.keyCode == UP_ARROW ? currentRow.firstChild : currentRow.lastChild; |
| | | // rely on default behaviour to escape table after we are in the last cell of the last row |
| | | moveCursorToStartOfElement(element); |
| | | return true; |
| | | } |
| | | } |
| | | |
| | | var UP_ARROW = 38; |
| | | var DOWN_ARROW = 40; |
| | | |
| | | if (isVerticalMovement(e) && isInTable(ed)) { |
| | | var node = ed.selection.getNode(); |
| | | var currentRow = ed.dom.getParent(node, 'tr'); |
| | | var nextRow = getNextRow(e, currentRow); |
| | | |
| | | // If we're at the first or last row in the table, we should move the caret outside of the table |
| | | if (nextRow == null) { |
| | | return escapeTable(currentRow, e); |
| | | } else { |
| | | moveCursorToRow(ed, node, nextRow); |
| | | tinymce.dom.Event.cancel(e); |
| | | return true; |
| | | } |
| | | } |
| | | } |
| | | |
| | | ed.onKeyDown.add(moveSelection); |
| | | } |
| | | |
| | | // Fixes an issue on Gecko where it's impossible to place the caret behind a table |
| | | // This fix will force a paragraph element after the table but only when the forced_root_block setting is enabled |
| | | if (!tinymce.isIE) { |
| | | function fixTableCaretPos() { |
| | | var last; |
| | | |
| | | // Skip empty text nodes form the end |
| | | for (last = ed.getBody().lastChild; last && last.nodeType == 3 && !last.nodeValue.length; last = last.previousSibling) ; |
| | | |
| | | if (last && last.nodeName == 'TABLE') |
| | | ed.dom.add(ed.getBody(), 'p', null, '<br mce_bogus="1" />'); |
| | | }; |
| | | |
| | | // Fixes an bug where it's impossible to place the caret before a table in Gecko |
| | | // this fix solves it by detecting when the caret is at the beginning of such a table |
| | | // and then manually moves the caret infront of the table |
| | | if (tinymce.isGecko) { |
| | | ed.onKeyDown.add(function(ed, e) { |
| | | var rng, table, dom = ed.dom; |
| | | |
| | | // On gecko it's not possible to place the caret before a table |
| | | if (e.keyCode == 37 || e.keyCode == 38) { |
| | | rng = ed.selection.getRng(); |
| | | table = dom.getParent(rng.startContainer, 'table'); |
| | | |
| | | if (table && ed.getBody().firstChild == table) { |
| | | if (isAtStart(rng, table)) { |
| | | rng = dom.createRng(); |
| | | |
| | | rng.setStartBefore(table); |
| | | rng.setEndBefore(table); |
| | | |
| | | ed.selection.setRng(rng); |
| | | |
| | | e.preventDefault(); |
| | | } |
| | | } |
| | | } |
| | | }); |
| | | } |
| | | |
| | | ed.onKeyUp.add(fixTableCaretPos); |
| | | ed.onSetContent.add(fixTableCaretPos); |
| | | ed.onVisualAid.add(fixTableCaretPos); |
| | | |
| | | ed.onPreProcess.add(function(ed, o) { |
| | | var last = o.node.lastChild; |
| | | |
| | | if (last && last.childNodes.length == 1 && last.firstChild.nodeName == 'BR') |
| | | ed.dom.remove(last); |
| | | }); |
| | | |
| | | fixTableCaretPos(); |
| | | ed.startContent = ed.getContent({format : 'raw'}); |
| | | } |
| | | }); |
| | | |
| | | // Register action commands |
| | | each({ |
| | | mceTableSplitCells : function(grid) { |
| | | grid.split(); |
| | | }, |
| | | |
| | | mceTableMergeCells : function(grid) { |
| | | var rowSpan, colSpan, cell; |
| | | |
| | | cell = ed.dom.getParent(ed.selection.getNode(), 'th,td'); |
| | | if (cell) { |
| | | rowSpan = cell.rowSpan; |
| | | colSpan = cell.colSpan; |
| | | } |
| | | |
| | | if (!ed.dom.select('td.mceSelected,th.mceSelected').length) { |
| | | winMan.open({ |
| | | url : url + '/merge_cells.htm', |
| | | width : 240 + parseInt(ed.getLang('table.merge_cells_delta_width', 0)), |
| | | height : 110 + parseInt(ed.getLang('table.merge_cells_delta_height', 0)), |
| | | inline : 1 |
| | | }, { |
| | | rows : rowSpan, |
| | | cols : colSpan, |
| | | onaction : function(data) { |
| | | grid.merge(cell, data.cols, data.rows); |
| | | }, |
| | | plugin_url : url |
| | | }); |
| | | } else |
| | | grid.merge(); |
| | | }, |
| | | |
| | | mceTableInsertRowBefore : function(grid) { |
| | | grid.insertRow(true); |
| | | }, |
| | | |
| | | mceTableInsertRowAfter : function(grid) { |
| | | grid.insertRow(); |
| | | }, |
| | | |
| | | mceTableInsertColBefore : function(grid) { |
| | | grid.insertCol(true); |
| | | }, |
| | | |
| | | mceTableInsertColAfter : function(grid) { |
| | | grid.insertCol(); |
| | | }, |
| | | |
| | | mceTableDeleteCol : function(grid) { |
| | | grid.deleteCols(); |
| | | }, |
| | | |
| | | mceTableDeleteRow : function(grid) { |
| | | grid.deleteRows(); |
| | | }, |
| | | |
| | | mceTableCutRow : function(grid) { |
| | | clipboardRows = grid.cutRows(); |
| | | }, |
| | | |
| | | mceTableCopyRow : function(grid) { |
| | | clipboardRows = grid.copyRows(); |
| | | }, |
| | | |
| | | mceTablePasteRowBefore : function(grid) { |
| | | grid.pasteRows(clipboardRows, true); |
| | | }, |
| | | |
| | | mceTablePasteRowAfter : function(grid) { |
| | | grid.pasteRows(clipboardRows); |
| | | }, |
| | | |
| | | mceTableDelete : function(grid) { |
| | | grid.deleteTable(); |
| | | } |
| | | }, function(func, name) { |
| | | ed.addCommand(name, function() { |
| | | var grid = createTableGrid(); |
| | | |
| | | if (grid) { |
| | | func(grid); |
| | | ed.execCommand('mceRepaint'); |
| | | cleanup(); |
| | | } |
| | | }); |
| | | }); |
| | | |
| | | // Register dialog commands |
| | | each({ |
| | | mceInsertTable : function(val) { |
| | | winMan.open({ |
| | | url : url + '/table.htm', |
| | | width : 400 + parseInt(ed.getLang('table.table_delta_width', 0)), |
| | | height : 320 + parseInt(ed.getLang('table.table_delta_height', 0)), |
| | | inline : 1 |
| | | }, { |
| | | plugin_url : url, |
| | | action : val ? val.action : 0 |
| | | }); |
| | | }, |
| | | |
| | | mceTableRowProps : function() { |
| | | winMan.open({ |
| | | url : url + '/row.htm', |
| | | width : 400 + parseInt(ed.getLang('table.rowprops_delta_width', 0)), |
| | | height : 295 + parseInt(ed.getLang('table.rowprops_delta_height', 0)), |
| | | inline : 1 |
| | | }, { |
| | | plugin_url : url |
| | | }); |
| | | }, |
| | | |
| | | mceTableCellProps : function() { |
| | | winMan.open({ |
| | | url : url + '/cell.htm', |
| | | width : 400 + parseInt(ed.getLang('table.cellprops_delta_width', 0)), |
| | | height : 295 + parseInt(ed.getLang('table.cellprops_delta_height', 0)), |
| | | inline : 1 |
| | | }, { |
| | | plugin_url : url |
| | | }); |
| | | } |
| | | }, function(func, name) { |
| | | ed.addCommand(name, function(ui, val) { |
| | | func(val); |
| | | }); |
| | | }); |
| | | } |
| | | }); |
| | | |
| | | // Register plugin |
| | | tinymce.PluginManager.add('table', tinymce.plugins.TablePlugin); |
| | | })(tinymce); |
New file |
| | |
| | | tinyMCEPopup.requireLangPack();
|
| | |
|
| | | var ed;
|
| | |
|
| | | function init() {
|
| | | ed = tinyMCEPopup.editor;
|
| | | tinyMCEPopup.resizeToInnerSize();
|
| | |
|
| | | document.getElementById('backgroundimagebrowsercontainer').innerHTML = getBrowserHTML('backgroundimagebrowser','backgroundimage','image','table');
|
| | | document.getElementById('bordercolor_pickcontainer').innerHTML = getColorPickerHTML('bordercolor_pick','bordercolor');
|
| | | document.getElementById('bgcolor_pickcontainer').innerHTML = getColorPickerHTML('bgcolor_pick','bgcolor')
|
| | |
|
| | | var inst = ed;
|
| | | var tdElm = ed.dom.getParent(ed.selection.getStart(), "td,th");
|
| | | var formObj = document.forms[0];
|
| | | var st = ed.dom.parseStyle(ed.dom.getAttrib(tdElm, "style"));
|
| | |
|
| | | // Get table cell data
|
| | | var celltype = tdElm.nodeName.toLowerCase();
|
| | | var align = ed.dom.getAttrib(tdElm, 'align');
|
| | | var valign = ed.dom.getAttrib(tdElm, 'valign');
|
| | | var width = trimSize(getStyle(tdElm, 'width', 'width'));
|
| | | var height = trimSize(getStyle(tdElm, 'height', 'height'));
|
| | | var bordercolor = convertRGBToHex(getStyle(tdElm, 'bordercolor', 'borderLeftColor'));
|
| | | var bgcolor = convertRGBToHex(getStyle(tdElm, 'bgcolor', 'backgroundColor'));
|
| | | var className = ed.dom.getAttrib(tdElm, 'class');
|
| | | var backgroundimage = getStyle(tdElm, 'background', 'backgroundImage').replace(new RegExp("url\\(['\"]?([^'\"]*)['\"]?\\)", 'gi'), "$1");
|
| | | var id = ed.dom.getAttrib(tdElm, 'id');
|
| | | var lang = ed.dom.getAttrib(tdElm, 'lang');
|
| | | var dir = ed.dom.getAttrib(tdElm, 'dir');
|
| | | var scope = ed.dom.getAttrib(tdElm, 'scope');
|
| | |
|
| | | // Setup form
|
| | | addClassesToList('class', 'table_cell_styles');
|
| | | TinyMCE_EditableSelects.init();
|
| | |
|
| | | if (!ed.dom.hasClass(tdElm, 'mceSelected')) {
|
| | | formObj.bordercolor.value = bordercolor;
|
| | | formObj.bgcolor.value = bgcolor;
|
| | | formObj.backgroundimage.value = backgroundimage;
|
| | | formObj.width.value = width;
|
| | | formObj.height.value = height;
|
| | | formObj.id.value = id;
|
| | | formObj.lang.value = lang;
|
| | | formObj.style.value = ed.dom.serializeStyle(st);
|
| | | selectByValue(formObj, 'align', align);
|
| | | selectByValue(formObj, 'valign', valign);
|
| | | selectByValue(formObj, 'class', className, true, true);
|
| | | selectByValue(formObj, 'celltype', celltype);
|
| | | selectByValue(formObj, 'dir', dir);
|
| | | selectByValue(formObj, 'scope', scope);
|
| | |
|
| | | // Resize some elements
|
| | | if (isVisible('backgroundimagebrowser'))
|
| | | document.getElementById('backgroundimage').style.width = '180px';
|
| | |
|
| | | updateColor('bordercolor_pick', 'bordercolor');
|
| | | updateColor('bgcolor_pick', 'bgcolor');
|
| | | } else
|
| | | tinyMCEPopup.dom.hide('action');
|
| | | }
|
| | |
|
| | | function updateAction() {
|
| | | var el, inst = ed, tdElm, trElm, tableElm, formObj = document.forms[0];
|
| | |
|
| | | if (!AutoValidator.validate(formObj)) {
|
| | | tinyMCEPopup.alert(AutoValidator.getErrorMessages(formObj).join('. ') + '.');
|
| | | return false;
|
| | | }
|
| | |
|
| | | tinyMCEPopup.restoreSelection();
|
| | | el = ed.selection.getStart();
|
| | | tdElm = ed.dom.getParent(el, "td,th");
|
| | | trElm = ed.dom.getParent(el, "tr");
|
| | | tableElm = ed.dom.getParent(el, "table");
|
| | |
|
| | | // Cell is selected
|
| | | if (ed.dom.hasClass(tdElm, 'mceSelected')) {
|
| | | // Update all selected sells
|
| | | tinymce.each(ed.dom.select('td.mceSelected,th.mceSelected'), function(td) {
|
| | | updateCell(td);
|
| | | });
|
| | |
|
| | | ed.addVisual();
|
| | | ed.nodeChanged();
|
| | | inst.execCommand('mceEndUndoLevel');
|
| | | tinyMCEPopup.close();
|
| | | return;
|
| | | }
|
| | |
|
| | | switch (getSelectValue(formObj, 'action')) {
|
| | | case "cell":
|
| | | var celltype = getSelectValue(formObj, 'celltype');
|
| | | var scope = getSelectValue(formObj, 'scope');
|
| | |
|
| | | function doUpdate(s) {
|
| | | if (s) {
|
| | | updateCell(tdElm);
|
| | |
|
| | | ed.addVisual();
|
| | | ed.nodeChanged();
|
| | | inst.execCommand('mceEndUndoLevel');
|
| | | tinyMCEPopup.close();
|
| | | }
|
| | | };
|
| | |
|
| | | if (ed.getParam("accessibility_warnings", 1)) {
|
| | | if (celltype == "th" && scope == "")
|
| | | tinyMCEPopup.confirm(ed.getLang('table_dlg.missing_scope', '', true), doUpdate);
|
| | | else
|
| | | doUpdate(1);
|
| | |
|
| | | return;
|
| | | }
|
| | |
|
| | | updateCell(tdElm);
|
| | | break;
|
| | |
|
| | | case "row":
|
| | | var cell = trElm.firstChild;
|
| | |
|
| | | if (cell.nodeName != "TD" && cell.nodeName != "TH")
|
| | | cell = nextCell(cell);
|
| | |
|
| | | do {
|
| | | cell = updateCell(cell, true);
|
| | | } while ((cell = nextCell(cell)) != null);
|
| | |
|
| | | break;
|
| | |
|
| | | case "col":
|
| | | var curr, col = 0, cell = trElm.firstChild, rows = tableElm.getElementsByTagName("tr");
|
| | |
|
| | | if (cell.nodeName != "TD" && cell.nodeName != "TH")
|
| | | cell = nextCell(cell);
|
| | |
|
| | | do {
|
| | | if (cell == tdElm)
|
| | | break;
|
| | | col += cell.getAttribute("colspan");
|
| | | } while ((cell = nextCell(cell)) != null);
|
| | |
|
| | | for (var i=0; i<rows.length; i++) {
|
| | | cell = rows[i].firstChild;
|
| | |
|
| | | if (cell.nodeName != "TD" && cell.nodeName != "TH")
|
| | | cell = nextCell(cell);
|
| | |
|
| | | curr = 0;
|
| | | do {
|
| | | if (curr == col) {
|
| | | cell = updateCell(cell, true);
|
| | | break;
|
| | | }
|
| | | curr += cell.getAttribute("colspan");
|
| | | } while ((cell = nextCell(cell)) != null);
|
| | | }
|
| | |
|
| | | break;
|
| | |
|
| | | case "all":
|
| | | var rows = tableElm.getElementsByTagName("tr");
|
| | |
|
| | | for (var i=0; i<rows.length; i++) {
|
| | | var cell = rows[i].firstChild;
|
| | |
|
| | | if (cell.nodeName != "TD" && cell.nodeName != "TH")
|
| | | cell = nextCell(cell);
|
| | |
|
| | | do {
|
| | | cell = updateCell(cell, true);
|
| | | } while ((cell = nextCell(cell)) != null);
|
| | | }
|
| | |
|
| | | break;
|
| | | }
|
| | |
|
| | | ed.addVisual();
|
| | | ed.nodeChanged();
|
| | | inst.execCommand('mceEndUndoLevel');
|
| | | tinyMCEPopup.close();
|
| | | }
|
| | |
|
| | | function nextCell(elm) {
|
| | | while ((elm = elm.nextSibling) != null) {
|
| | | if (elm.nodeName == "TD" || elm.nodeName == "TH")
|
| | | return elm;
|
| | | }
|
| | |
|
| | | return null;
|
| | | }
|
| | |
|
| | | function updateCell(td, skip_id) {
|
| | | var inst = ed;
|
| | | var formObj = document.forms[0];
|
| | | var curCellType = td.nodeName.toLowerCase();
|
| | | var celltype = getSelectValue(formObj, 'celltype');
|
| | | var doc = inst.getDoc();
|
| | | var dom = ed.dom;
|
| | |
|
| | | if (!skip_id)
|
| | | dom.setAttrib(td, 'id', formObj.id.value);
|
| | |
|
| | | dom.setAttrib(td, 'align', formObj.align.value);
|
| | | dom.setAttrib(td, 'vAlign', formObj.valign.value);
|
| | | dom.setAttrib(td, 'lang', formObj.lang.value);
|
| | | dom.setAttrib(td, 'dir', getSelectValue(formObj, 'dir'));
|
| | | dom.setAttrib(td, 'style', ed.dom.serializeStyle(ed.dom.parseStyle(formObj.style.value)));
|
| | | dom.setAttrib(td, 'scope', formObj.scope.value);
|
| | | dom.setAttrib(td, 'class', getSelectValue(formObj, 'class'));
|
| | |
|
| | | // Clear deprecated attributes
|
| | | ed.dom.setAttrib(td, 'width', '');
|
| | | ed.dom.setAttrib(td, 'height', '');
|
| | | ed.dom.setAttrib(td, 'bgColor', '');
|
| | | ed.dom.setAttrib(td, 'borderColor', '');
|
| | | ed.dom.setAttrib(td, 'background', '');
|
| | |
|
| | | // Set styles
|
| | | td.style.width = getCSSSize(formObj.width.value);
|
| | | td.style.height = getCSSSize(formObj.height.value);
|
| | | if (formObj.bordercolor.value != "") {
|
| | | td.style.borderColor = formObj.bordercolor.value;
|
| | | td.style.borderStyle = td.style.borderStyle == "" ? "solid" : td.style.borderStyle;
|
| | | td.style.borderWidth = td.style.borderWidth == "" ? "1px" : td.style.borderWidth;
|
| | | } else
|
| | | td.style.borderColor = '';
|
| | |
|
| | | td.style.backgroundColor = formObj.bgcolor.value;
|
| | |
|
| | | if (formObj.backgroundimage.value != "")
|
| | | td.style.backgroundImage = "url('" + formObj.backgroundimage.value + "')";
|
| | | else
|
| | | td.style.backgroundImage = '';
|
| | |
|
| | | if (curCellType != celltype) {
|
| | | // changing to a different node type
|
| | | var newCell = doc.createElement(celltype);
|
| | |
|
| | | for (var c=0; c<td.childNodes.length; c++)
|
| | | newCell.appendChild(td.childNodes[c].cloneNode(1));
|
| | |
|
| | | for (var a=0; a<td.attributes.length; a++)
|
| | | ed.dom.setAttrib(newCell, td.attributes[a].name, ed.dom.getAttrib(td, td.attributes[a].name));
|
| | |
|
| | | td.parentNode.replaceChild(newCell, td);
|
| | | td = newCell;
|
| | | }
|
| | |
|
| | | dom.setAttrib(td, 'style', dom.serializeStyle(dom.parseStyle(td.style.cssText)));
|
| | |
|
| | | return td;
|
| | | }
|
| | |
|
| | | function changedBackgroundImage() {
|
| | | var formObj = document.forms[0];
|
| | | var st = ed.dom.parseStyle(formObj.style.value);
|
| | |
|
| | | st['background-image'] = "url('" + formObj.backgroundimage.value + "')";
|
| | |
|
| | | formObj.style.value = ed.dom.serializeStyle(st);
|
| | | }
|
| | |
|
| | | function changedSize() {
|
| | | var formObj = document.forms[0];
|
| | | var st = ed.dom.parseStyle(formObj.style.value);
|
| | |
|
| | | var width = formObj.width.value;
|
| | | if (width != "")
|
| | | st['width'] = getCSSSize(width);
|
| | | else
|
| | | st['width'] = "";
|
| | |
|
| | | var height = formObj.height.value;
|
| | | if (height != "")
|
| | | st['height'] = getCSSSize(height);
|
| | | else
|
| | | st['height'] = "";
|
| | |
|
| | | formObj.style.value = ed.dom.serializeStyle(st);
|
| | | }
|
| | |
|
| | | function changedColor() {
|
| | | var formObj = document.forms[0];
|
| | | var st = ed.dom.parseStyle(formObj.style.value);
|
| | |
|
| | | st['background-color'] = formObj.bgcolor.value;
|
| | | st['border-color'] = formObj.bordercolor.value;
|
| | |
|
| | | formObj.style.value = ed.dom.serializeStyle(st);
|
| | | }
|
| | |
|
| | | function changedStyle() {
|
| | | var formObj = document.forms[0];
|
| | | var st = ed.dom.parseStyle(formObj.style.value);
|
| | |
|
| | | if (st['background-image'])
|
| | | formObj.backgroundimage.value = st['background-image'].replace(new RegExp("url\\('?([^']*)'?\\)", 'gi'), "$1");
|
| | | else
|
| | | formObj.backgroundimage.value = '';
|
| | |
|
| | | if (st['width'])
|
| | | formObj.width.value = trimSize(st['width']);
|
| | |
|
| | | if (st['height'])
|
| | | formObj.height.value = trimSize(st['height']);
|
| | |
|
| | | if (st['background-color']) {
|
| | | formObj.bgcolor.value = st['background-color'];
|
| | | updateColor('bgcolor_pick','bgcolor');
|
| | | }
|
| | |
|
| | | if (st['border-color']) {
|
| | | formObj.bordercolor.value = st['border-color'];
|
| | | updateColor('bordercolor_pick','bordercolor');
|
| | | }
|
| | | }
|
| | |
|
| | | tinyMCEPopup.onInit.add(init);
|
New file |
| | |
| | | tinyMCEPopup.requireLangPack();
|
| | |
|
| | | var MergeCellsDialog = {
|
| | | init : function() {
|
| | | var f = document.forms[0];
|
| | |
|
| | | f.numcols.value = tinyMCEPopup.getWindowArg('cols', 1);
|
| | | f.numrows.value = tinyMCEPopup.getWindowArg('rows', 1);
|
| | | },
|
| | |
|
| | | merge : function() {
|
| | | var func, f = document.forms[0];
|
| | |
|
| | | tinyMCEPopup.restoreSelection();
|
| | |
|
| | | func = tinyMCEPopup.getWindowArg('onaction');
|
| | |
|
| | | func({
|
| | | cols : f.numcols.value,
|
| | | rows : f.numrows.value
|
| | | });
|
| | |
|
| | | tinyMCEPopup.close();
|
| | | }
|
| | | };
|
| | |
|
| | | tinyMCEPopup.onInit.add(MergeCellsDialog.init, MergeCellsDialog);
|
New file |
| | |
| | | tinyMCEPopup.requireLangPack();
|
| | |
|
| | | function init() {
|
| | | tinyMCEPopup.resizeToInnerSize();
|
| | |
|
| | | document.getElementById('backgroundimagebrowsercontainer').innerHTML = getBrowserHTML('backgroundimagebrowser','backgroundimage','image','table');
|
| | | document.getElementById('bgcolor_pickcontainer').innerHTML = getColorPickerHTML('bgcolor_pick','bgcolor');
|
| | |
|
| | | var inst = tinyMCEPopup.editor;
|
| | | var dom = inst.dom;
|
| | | var trElm = dom.getParent(inst.selection.getStart(), "tr");
|
| | | var formObj = document.forms[0];
|
| | | var st = dom.parseStyle(dom.getAttrib(trElm, "style"));
|
| | |
|
| | | // Get table row data
|
| | | var rowtype = trElm.parentNode.nodeName.toLowerCase();
|
| | | var align = dom.getAttrib(trElm, 'align');
|
| | | var valign = dom.getAttrib(trElm, 'valign');
|
| | | var height = trimSize(getStyle(trElm, 'height', 'height'));
|
| | | var className = dom.getAttrib(trElm, 'class');
|
| | | var bgcolor = convertRGBToHex(getStyle(trElm, 'bgcolor', 'backgroundColor'));
|
| | | var backgroundimage = getStyle(trElm, 'background', 'backgroundImage').replace(new RegExp("url\\(['\"]?([^'\"]*)['\"]?\\)", 'gi'), "$1");
|
| | | var id = dom.getAttrib(trElm, 'id');
|
| | | var lang = dom.getAttrib(trElm, 'lang');
|
| | | var dir = dom.getAttrib(trElm, 'dir');
|
| | |
|
| | | selectByValue(formObj, 'rowtype', rowtype);
|
| | |
|
| | | // Any cells selected
|
| | | if (dom.select('td.mceSelected,th.mceSelected', trElm).length == 0) {
|
| | | // Setup form
|
| | | addClassesToList('class', 'table_row_styles');
|
| | | TinyMCE_EditableSelects.init();
|
| | |
|
| | | formObj.bgcolor.value = bgcolor;
|
| | | formObj.backgroundimage.value = backgroundimage;
|
| | | formObj.height.value = height;
|
| | | formObj.id.value = id;
|
| | | formObj.lang.value = lang;
|
| | | formObj.style.value = dom.serializeStyle(st);
|
| | | selectByValue(formObj, 'align', align);
|
| | | selectByValue(formObj, 'valign', valign);
|
| | | selectByValue(formObj, 'class', className, true, true);
|
| | | selectByValue(formObj, 'dir', dir);
|
| | |
|
| | | // Resize some elements
|
| | | if (isVisible('backgroundimagebrowser'))
|
| | | document.getElementById('backgroundimage').style.width = '180px';
|
| | |
|
| | | updateColor('bgcolor_pick', 'bgcolor');
|
| | | } else
|
| | | tinyMCEPopup.dom.hide('action');
|
| | | }
|
| | |
|
| | | function updateAction() {
|
| | | var inst = tinyMCEPopup.editor, dom = inst.dom, trElm, tableElm, formObj = document.forms[0];
|
| | | var action = getSelectValue(formObj, 'action');
|
| | |
|
| | | if (!AutoValidator.validate(formObj)) {
|
| | | tinyMCEPopup.alert(AutoValidator.getErrorMessages(formObj).join('. ') + '.');
|
| | | return false;
|
| | | }
|
| | |
|
| | | tinyMCEPopup.restoreSelection();
|
| | | trElm = dom.getParent(inst.selection.getStart(), "tr");
|
| | | tableElm = dom.getParent(inst.selection.getStart(), "table");
|
| | |
|
| | | // Update all selected rows
|
| | | if (dom.select('td.mceSelected,th.mceSelected', trElm).length > 0) {
|
| | | tinymce.each(tableElm.rows, function(tr) {
|
| | | var i;
|
| | |
|
| | | for (i = 0; i < tr.cells.length; i++) {
|
| | | if (dom.hasClass(tr.cells[i], 'mceSelected')) {
|
| | | updateRow(tr, true);
|
| | | return;
|
| | | }
|
| | | }
|
| | | });
|
| | |
|
| | | inst.addVisual();
|
| | | inst.nodeChanged();
|
| | | inst.execCommand('mceEndUndoLevel');
|
| | | tinyMCEPopup.close();
|
| | | return;
|
| | | }
|
| | |
|
| | | switch (action) {
|
| | | case "row":
|
| | | updateRow(trElm);
|
| | | break;
|
| | |
|
| | | case "all":
|
| | | var rows = tableElm.getElementsByTagName("tr");
|
| | |
|
| | | for (var i=0; i<rows.length; i++)
|
| | | updateRow(rows[i], true);
|
| | |
|
| | | break;
|
| | |
|
| | | case "odd":
|
| | | case "even":
|
| | | var rows = tableElm.getElementsByTagName("tr");
|
| | |
|
| | | for (var i=0; i<rows.length; i++) {
|
| | | if ((i % 2 == 0 && action == "odd") || (i % 2 != 0 && action == "even"))
|
| | | updateRow(rows[i], true, true);
|
| | | }
|
| | |
|
| | | break;
|
| | | }
|
| | |
|
| | | inst.addVisual();
|
| | | inst.nodeChanged();
|
| | | inst.execCommand('mceEndUndoLevel');
|
| | | tinyMCEPopup.close();
|
| | | }
|
| | |
|
| | | function updateRow(tr_elm, skip_id, skip_parent) {
|
| | | var inst = tinyMCEPopup.editor;
|
| | | var formObj = document.forms[0];
|
| | | var dom = inst.dom;
|
| | | var curRowType = tr_elm.parentNode.nodeName.toLowerCase();
|
| | | var rowtype = getSelectValue(formObj, 'rowtype');
|
| | | var doc = inst.getDoc();
|
| | |
|
| | | // Update row element
|
| | | if (!skip_id)
|
| | | dom.setAttrib(tr_elm, 'id', formObj.id.value);
|
| | |
|
| | | dom.setAttrib(tr_elm, 'align', getSelectValue(formObj, 'align'));
|
| | | dom.setAttrib(tr_elm, 'vAlign', getSelectValue(formObj, 'valign'));
|
| | | dom.setAttrib(tr_elm, 'lang', formObj.lang.value);
|
| | | dom.setAttrib(tr_elm, 'dir', getSelectValue(formObj, 'dir'));
|
| | | dom.setAttrib(tr_elm, 'style', dom.serializeStyle(dom.parseStyle(formObj.style.value)));
|
| | | dom.setAttrib(tr_elm, 'class', getSelectValue(formObj, 'class'));
|
| | |
|
| | | // Clear deprecated attributes
|
| | | dom.setAttrib(tr_elm, 'background', '');
|
| | | dom.setAttrib(tr_elm, 'bgColor', '');
|
| | | dom.setAttrib(tr_elm, 'height', '');
|
| | |
|
| | | // Set styles
|
| | | tr_elm.style.height = getCSSSize(formObj.height.value);
|
| | | tr_elm.style.backgroundColor = formObj.bgcolor.value;
|
| | |
|
| | | if (formObj.backgroundimage.value != "")
|
| | | tr_elm.style.backgroundImage = "url('" + formObj.backgroundimage.value + "')";
|
| | | else
|
| | | tr_elm.style.backgroundImage = '';
|
| | |
|
| | | // Setup new rowtype
|
| | | if (curRowType != rowtype && !skip_parent) {
|
| | | // first, clone the node we are working on
|
| | | var newRow = tr_elm.cloneNode(1);
|
| | |
|
| | | // next, find the parent of its new destination (creating it if necessary)
|
| | | var theTable = dom.getParent(tr_elm, "table");
|
| | | var dest = rowtype;
|
| | | var newParent = null;
|
| | | for (var i = 0; i < theTable.childNodes.length; i++) {
|
| | | if (theTable.childNodes[i].nodeName.toLowerCase() == dest)
|
| | | newParent = theTable.childNodes[i];
|
| | | }
|
| | |
|
| | | if (newParent == null) {
|
| | | newParent = doc.createElement(dest);
|
| | |
|
| | | if (theTable.firstChild.nodeName == 'CAPTION')
|
| | | inst.dom.insertAfter(newParent, theTable.firstChild);
|
| | | else
|
| | | theTable.insertBefore(newParent, theTable.firstChild);
|
| | | }
|
| | |
|
| | | // append the row to the new parent
|
| | | newParent.appendChild(newRow);
|
| | |
|
| | | // remove the original
|
| | | tr_elm.parentNode.removeChild(tr_elm);
|
| | |
|
| | | // set tr_elm to the new node
|
| | | tr_elm = newRow;
|
| | | }
|
| | |
|
| | | dom.setAttrib(tr_elm, 'style', dom.serializeStyle(dom.parseStyle(tr_elm.style.cssText)));
|
| | | }
|
| | |
|
| | | function changedBackgroundImage() {
|
| | | var formObj = document.forms[0], dom = tinyMCEPopup.editor.dom;
|
| | | var st = dom.parseStyle(formObj.style.value);
|
| | |
|
| | | st['background-image'] = "url('" + formObj.backgroundimage.value + "')";
|
| | |
|
| | | formObj.style.value = dom.serializeStyle(st);
|
| | | }
|
| | |
|
| | | function changedStyle() {
|
| | | var formObj = document.forms[0], dom = tinyMCEPopup.editor.dom;
|
| | | var st = dom.parseStyle(formObj.style.value);
|
| | |
|
| | | if (st['background-image'])
|
| | | formObj.backgroundimage.value = st['background-image'].replace(new RegExp("url\\('?([^']*)'?\\)", 'gi'), "$1");
|
| | | else
|
| | | formObj.backgroundimage.value = '';
|
| | |
|
| | | if (st['height'])
|
| | | formObj.height.value = trimSize(st['height']);
|
| | |
|
| | | if (st['background-color']) {
|
| | | formObj.bgcolor.value = st['background-color'];
|
| | | updateColor('bgcolor_pick','bgcolor');
|
| | | }
|
| | | }
|
| | |
|
| | | function changedSize() {
|
| | | var formObj = document.forms[0], dom = tinyMCEPopup.editor.dom;
|
| | | var st = dom.parseStyle(formObj.style.value);
|
| | |
|
| | | var height = formObj.height.value;
|
| | | if (height != "")
|
| | | st['height'] = getCSSSize(height);
|
| | | else
|
| | | st['height'] = "";
|
| | |
|
| | | formObj.style.value = dom.serializeStyle(st);
|
| | | }
|
| | |
|
| | | function changedColor() {
|
| | | var formObj = document.forms[0], dom = tinyMCEPopup.editor.dom;
|
| | | var st = dom.parseStyle(formObj.style.value);
|
| | |
|
| | | st['background-color'] = formObj.bgcolor.value;
|
| | |
|
| | | formObj.style.value = dom.serializeStyle(st);
|
| | | }
|
| | |
|
| | | tinyMCEPopup.onInit.add(init);
|
New file |
| | |
| | | tinyMCEPopup.requireLangPack();
|
| | |
|
| | | var action, orgTableWidth, orgTableHeight, dom = tinyMCEPopup.editor.dom;
|
| | |
|
| | | function insertTable() {
|
| | | var formObj = document.forms[0];
|
| | | var inst = tinyMCEPopup.editor, dom = inst.dom;
|
| | | var cols = 2, rows = 2, border = 0, cellpadding = -1, cellspacing = -1, align, width, height, className, caption, frame, rules;
|
| | | var html = '', capEl, elm;
|
| | | var cellLimit, rowLimit, colLimit;
|
| | |
|
| | | tinyMCEPopup.restoreSelection();
|
| | |
|
| | | if (!AutoValidator.validate(formObj)) {
|
| | | tinyMCEPopup.alert(AutoValidator.getErrorMessages(formObj).join('. ') + '.');
|
| | | return false;
|
| | | }
|
| | |
|
| | | elm = dom.getParent(inst.selection.getNode(), 'table');
|
| | |
|
| | | // Get form data
|
| | | cols = formObj.elements['cols'].value;
|
| | | rows = formObj.elements['rows'].value;
|
| | | border = formObj.elements['border'].value != "" ? formObj.elements['border'].value : 0;
|
| | | cellpadding = formObj.elements['cellpadding'].value != "" ? formObj.elements['cellpadding'].value : "";
|
| | | cellspacing = formObj.elements['cellspacing'].value != "" ? formObj.elements['cellspacing'].value : "";
|
| | | align = getSelectValue(formObj, "align");
|
| | | frame = getSelectValue(formObj, "tframe");
|
| | | rules = getSelectValue(formObj, "rules");
|
| | | width = formObj.elements['width'].value;
|
| | | height = formObj.elements['height'].value;
|
| | | bordercolor = formObj.elements['bordercolor'].value;
|
| | | bgcolor = formObj.elements['bgcolor'].value;
|
| | | className = getSelectValue(formObj, "class");
|
| | | id = formObj.elements['id'].value;
|
| | | summary = formObj.elements['summary'].value;
|
| | | style = formObj.elements['style'].value;
|
| | | dir = formObj.elements['dir'].value;
|
| | | lang = formObj.elements['lang'].value;
|
| | | background = formObj.elements['backgroundimage'].value;
|
| | | caption = formObj.elements['caption'].checked;
|
| | |
|
| | | cellLimit = tinyMCEPopup.getParam('table_cell_limit', false);
|
| | | rowLimit = tinyMCEPopup.getParam('table_row_limit', false);
|
| | | colLimit = tinyMCEPopup.getParam('table_col_limit', false);
|
| | |
|
| | | // Validate table size
|
| | | if (colLimit && cols > colLimit) {
|
| | | tinyMCEPopup.alert(inst.getLang('table_dlg.col_limit').replace(/\{\$cols\}/g, colLimit));
|
| | | return false;
|
| | | } else if (rowLimit && rows > rowLimit) {
|
| | | tinyMCEPopup.alert(inst.getLang('table_dlg.row_limit').replace(/\{\$rows\}/g, rowLimit));
|
| | | return false;
|
| | | } else if (cellLimit && cols * rows > cellLimit) {
|
| | | tinyMCEPopup.alert(inst.getLang('table_dlg.cell_limit').replace(/\{\$cells\}/g, cellLimit));
|
| | | return false;
|
| | | }
|
| | |
|
| | | // Update table
|
| | | if (action == "update") {
|
| | | dom.setAttrib(elm, 'cellPadding', cellpadding, true);
|
| | | dom.setAttrib(elm, 'cellSpacing', cellspacing, true);
|
| | | dom.setAttrib(elm, 'border', border);
|
| | | dom.setAttrib(elm, 'align', align);
|
| | | dom.setAttrib(elm, 'frame', frame);
|
| | | dom.setAttrib(elm, 'rules', rules);
|
| | | dom.setAttrib(elm, 'class', className);
|
| | | dom.setAttrib(elm, 'style', style);
|
| | | dom.setAttrib(elm, 'id', id);
|
| | | dom.setAttrib(elm, 'summary', summary);
|
| | | dom.setAttrib(elm, 'dir', dir);
|
| | | dom.setAttrib(elm, 'lang', lang);
|
| | |
|
| | | capEl = inst.dom.select('caption', elm)[0];
|
| | |
|
| | | if (capEl && !caption)
|
| | | capEl.parentNode.removeChild(capEl);
|
| | |
|
| | | if (!capEl && caption) {
|
| | | capEl = elm.ownerDocument.createElement('caption');
|
| | |
|
| | | if (!tinymce.isIE)
|
| | | capEl.innerHTML = '<br data-mce-bogus="1"/>';
|
| | |
|
| | | elm.insertBefore(capEl, elm.firstChild);
|
| | | }
|
| | |
|
| | | if (width && inst.settings.inline_styles) {
|
| | | dom.setStyle(elm, 'width', width);
|
| | | dom.setAttrib(elm, 'width', '');
|
| | | } else {
|
| | | dom.setAttrib(elm, 'width', width, true);
|
| | | dom.setStyle(elm, 'width', '');
|
| | | }
|
| | |
|
| | | // Remove these since they are not valid XHTML
|
| | | dom.setAttrib(elm, 'borderColor', '');
|
| | | dom.setAttrib(elm, 'bgColor', '');
|
| | | dom.setAttrib(elm, 'background', '');
|
| | |
|
| | | if (height && inst.settings.inline_styles) {
|
| | | dom.setStyle(elm, 'height', height);
|
| | | dom.setAttrib(elm, 'height', '');
|
| | | } else {
|
| | | dom.setAttrib(elm, 'height', height, true);
|
| | | dom.setStyle(elm, 'height', '');
|
| | | }
|
| | |
|
| | | if (background != '')
|
| | | elm.style.backgroundImage = "url('" + background + "')";
|
| | | else
|
| | | elm.style.backgroundImage = '';
|
| | |
|
| | | /* if (tinyMCEPopup.getParam("inline_styles")) {
|
| | | if (width != '')
|
| | | elm.style.width = getCSSSize(width);
|
| | | }*/
|
| | |
|
| | | if (bordercolor != "") {
|
| | | elm.style.borderColor = bordercolor;
|
| | | elm.style.borderStyle = elm.style.borderStyle == "" ? "solid" : elm.style.borderStyle;
|
| | | elm.style.borderWidth = border == "" ? "1px" : border;
|
| | | } else
|
| | | elm.style.borderColor = '';
|
| | |
|
| | | elm.style.backgroundColor = bgcolor;
|
| | | elm.style.height = getCSSSize(height);
|
| | |
|
| | | inst.addVisual();
|
| | |
|
| | | // Fix for stange MSIE align bug
|
| | | //elm.outerHTML = elm.outerHTML;
|
| | |
|
| | | inst.nodeChanged();
|
| | | inst.execCommand('mceEndUndoLevel');
|
| | |
|
| | | // Repaint if dimensions changed
|
| | | if (formObj.width.value != orgTableWidth || formObj.height.value != orgTableHeight)
|
| | | inst.execCommand('mceRepaint');
|
| | |
|
| | | tinyMCEPopup.close();
|
| | | return true;
|
| | | }
|
| | |
|
| | | // Create new table
|
| | | html += '<table';
|
| | |
|
| | | html += makeAttrib('id', id);
|
| | | html += makeAttrib('border', border);
|
| | | html += makeAttrib('cellpadding', cellpadding);
|
| | | html += makeAttrib('cellspacing', cellspacing);
|
| | | html += makeAttrib('data-mce-new', '1');
|
| | |
|
| | | if (width && inst.settings.inline_styles) {
|
| | | if (style)
|
| | | style += '; ';
|
| | |
|
| | | // Force px
|
| | | if (/^[0-9\.]+$/.test(width))
|
| | | width += 'px';
|
| | |
|
| | | style += 'width: ' + width;
|
| | | } else
|
| | | html += makeAttrib('width', width);
|
| | |
|
| | | /* if (height) {
|
| | | if (style)
|
| | | style += '; ';
|
| | |
|
| | | style += 'height: ' + height;
|
| | | }*/
|
| | |
|
| | | //html += makeAttrib('height', height);
|
| | | //html += makeAttrib('bordercolor', bordercolor);
|
| | | //html += makeAttrib('bgcolor', bgcolor);
|
| | | html += makeAttrib('align', align);
|
| | | html += makeAttrib('frame', frame);
|
| | | html += makeAttrib('rules', rules);
|
| | | html += makeAttrib('class', className);
|
| | | html += makeAttrib('style', style);
|
| | | html += makeAttrib('summary', summary);
|
| | | html += makeAttrib('dir', dir);
|
| | | html += makeAttrib('lang', lang);
|
| | | html += '>';
|
| | |
|
| | | if (caption) {
|
| | | if (!tinymce.isIE)
|
| | | html += '<caption><br data-mce-bogus="1"/></caption>';
|
| | | else
|
| | | html += '<caption></caption>';
|
| | | }
|
| | |
|
| | | for (var y=0; y<rows; y++) {
|
| | | html += "<tr>";
|
| | |
|
| | | for (var x=0; x<cols; x++) {
|
| | | if (!tinymce.isIE)
|
| | | html += '<td><br data-mce-bogus="1"/></td>';
|
| | | else
|
| | | html += '<td></td>';
|
| | | }
|
| | |
|
| | | html += "</tr>";
|
| | | }
|
| | |
|
| | | html += "</table>";
|
| | |
|
| | | // Move table
|
| | | if (inst.settings.fix_table_elements) {
|
| | | var patt = '';
|
| | |
|
| | | inst.focus();
|
| | | inst.selection.setContent('<br class="_mce_marker" />');
|
| | |
|
| | | tinymce.each('h1,h2,h3,h4,h5,h6,p'.split(','), function(n) {
|
| | | if (patt)
|
| | | patt += ',';
|
| | |
|
| | | patt += n + ' ._mce_marker';
|
| | | });
|
| | |
|
| | | tinymce.each(inst.dom.select(patt), function(n) {
|
| | | inst.dom.split(inst.dom.getParent(n, 'h1,h2,h3,h4,h5,h6,p'), n);
|
| | | });
|
| | |
|
| | | dom.setOuterHTML(dom.select('br._mce_marker')[0], html);
|
| | | } else
|
| | | inst.execCommand('mceInsertContent', false, html);
|
| | |
|
| | | tinymce.each(dom.select('table[data-mce-new]'), function(node) {
|
| | | var td = dom.select('td', node);
|
| | |
|
| | | try {
|
| | | // IE9 might fail to do this selection
|
| | | inst.selection.select(td[0], true);
|
| | | inst.selection.collapse();
|
| | | } catch (ex) {
|
| | | // Ignore
|
| | | }
|
| | |
|
| | | dom.setAttrib(node, 'data-mce-new', '');
|
| | | });
|
| | |
|
| | | inst.addVisual();
|
| | | inst.execCommand('mceEndUndoLevel');
|
| | |
|
| | | tinyMCEPopup.close();
|
| | | }
|
| | |
|
| | | function makeAttrib(attrib, value) {
|
| | | var formObj = document.forms[0];
|
| | | var valueElm = formObj.elements[attrib];
|
| | |
|
| | | if (typeof(value) == "undefined" || value == null) {
|
| | | value = "";
|
| | |
|
| | | if (valueElm)
|
| | | value = valueElm.value;
|
| | | }
|
| | |
|
| | | if (value == "")
|
| | | return "";
|
| | |
|
| | | // XML encode it
|
| | | value = value.replace(/&/g, '&');
|
| | | value = value.replace(/\"/g, '"');
|
| | | value = value.replace(/</g, '<');
|
| | | value = value.replace(/>/g, '>');
|
| | |
|
| | | return ' ' + attrib + '="' + value + '"';
|
| | | }
|
| | |
|
| | | function init() {
|
| | | tinyMCEPopup.resizeToInnerSize();
|
| | |
|
| | | document.getElementById('backgroundimagebrowsercontainer').innerHTML = getBrowserHTML('backgroundimagebrowser','backgroundimage','image','table');
|
| | | document.getElementById('backgroundimagebrowsercontainer').innerHTML = getBrowserHTML('backgroundimagebrowser','backgroundimage','image','table');
|
| | | document.getElementById('bordercolor_pickcontainer').innerHTML = getColorPickerHTML('bordercolor_pick','bordercolor');
|
| | | document.getElementById('bgcolor_pickcontainer').innerHTML = getColorPickerHTML('bgcolor_pick','bgcolor');
|
| | |
|
| | | var cols = 2, rows = 2, border = tinyMCEPopup.getParam('table_default_border', '0'), cellpadding = tinyMCEPopup.getParam('table_default_cellpadding', ''), cellspacing = tinyMCEPopup.getParam('table_default_cellspacing', '');
|
| | | var align = "", width = "", height = "", bordercolor = "", bgcolor = "", className = "";
|
| | | var id = "", summary = "", style = "", dir = "", lang = "", background = "", bgcolor = "", bordercolor = "", rules = "", frame = "";
|
| | | var inst = tinyMCEPopup.editor, dom = inst.dom;
|
| | | var formObj = document.forms[0];
|
| | | var elm = dom.getParent(inst.selection.getNode(), "table");
|
| | |
|
| | | action = tinyMCEPopup.getWindowArg('action');
|
| | |
|
| | | if (!action)
|
| | | action = elm ? "update" : "insert";
|
| | |
|
| | | if (elm && action != "insert") {
|
| | | var rowsAr = elm.rows;
|
| | | var cols = 0;
|
| | | for (var i=0; i<rowsAr.length; i++)
|
| | | if (rowsAr[i].cells.length > cols)
|
| | | cols = rowsAr[i].cells.length;
|
| | |
|
| | | cols = cols;
|
| | | rows = rowsAr.length;
|
| | |
|
| | | st = dom.parseStyle(dom.getAttrib(elm, "style"));
|
| | | border = trimSize(getStyle(elm, 'border', 'borderWidth'));
|
| | | cellpadding = dom.getAttrib(elm, 'cellpadding', "");
|
| | | cellspacing = dom.getAttrib(elm, 'cellspacing', "");
|
| | | width = trimSize(getStyle(elm, 'width', 'width'));
|
| | | height = trimSize(getStyle(elm, 'height', 'height'));
|
| | | bordercolor = convertRGBToHex(getStyle(elm, 'bordercolor', 'borderLeftColor'));
|
| | | bgcolor = convertRGBToHex(getStyle(elm, 'bgcolor', 'backgroundColor'));
|
| | | align = dom.getAttrib(elm, 'align', align);
|
| | | frame = dom.getAttrib(elm, 'frame');
|
| | | rules = dom.getAttrib(elm, 'rules');
|
| | | className = tinymce.trim(dom.getAttrib(elm, 'class').replace(/mceItem.+/g, ''));
|
| | | id = dom.getAttrib(elm, 'id');
|
| | | summary = dom.getAttrib(elm, 'summary');
|
| | | style = dom.serializeStyle(st);
|
| | | dir = dom.getAttrib(elm, 'dir');
|
| | | lang = dom.getAttrib(elm, 'lang');
|
| | | background = getStyle(elm, 'background', 'backgroundImage').replace(new RegExp("url\\(['\"]?([^'\"]*)['\"]?\\)", 'gi'), "$1");
|
| | | formObj.caption.checked = elm.getElementsByTagName('caption').length > 0;
|
| | |
|
| | | orgTableWidth = width;
|
| | | orgTableHeight = height;
|
| | |
|
| | | action = "update";
|
| | | formObj.insert.value = inst.getLang('update');
|
| | | }
|
| | |
|
| | | addClassesToList('class', "table_styles");
|
| | | TinyMCE_EditableSelects.init();
|
| | |
|
| | | // Update form
|
| | | selectByValue(formObj, 'align', align);
|
| | | selectByValue(formObj, 'tframe', frame);
|
| | | selectByValue(formObj, 'rules', rules);
|
| | | selectByValue(formObj, 'class', className, true, true);
|
| | | formObj.cols.value = cols;
|
| | | formObj.rows.value = rows;
|
| | | formObj.border.value = border;
|
| | | formObj.cellpadding.value = cellpadding;
|
| | | formObj.cellspacing.value = cellspacing;
|
| | | formObj.width.value = width;
|
| | | formObj.height.value = height;
|
| | | formObj.bordercolor.value = bordercolor;
|
| | | formObj.bgcolor.value = bgcolor;
|
| | | formObj.id.value = id;
|
| | | formObj.summary.value = summary;
|
| | | formObj.style.value = style;
|
| | | formObj.dir.value = dir;
|
| | | formObj.lang.value = lang;
|
| | | formObj.backgroundimage.value = background;
|
| | |
|
| | | updateColor('bordercolor_pick', 'bordercolor');
|
| | | updateColor('bgcolor_pick', 'bgcolor');
|
| | |
|
| | | // Resize some elements
|
| | | if (isVisible('backgroundimagebrowser'))
|
| | | document.getElementById('backgroundimage').style.width = '180px';
|
| | |
|
| | | // Disable some fields in update mode
|
| | | if (action == "update") {
|
| | | formObj.cols.disabled = true;
|
| | | formObj.rows.disabled = true;
|
| | | }
|
| | | }
|
| | |
|
| | | function changedSize() {
|
| | | var formObj = document.forms[0];
|
| | | var st = dom.parseStyle(formObj.style.value);
|
| | |
|
| | | /* var width = formObj.width.value;
|
| | | if (width != "")
|
| | | st['width'] = tinyMCEPopup.getParam("inline_styles") ? getCSSSize(width) : "";
|
| | | else
|
| | | st['width'] = "";*/
|
| | |
|
| | | var height = formObj.height.value;
|
| | | if (height != "")
|
| | | st['height'] = getCSSSize(height);
|
| | | else
|
| | | st['height'] = "";
|
| | |
|
| | | formObj.style.value = dom.serializeStyle(st);
|
| | | }
|
| | |
|
| | | function changedBackgroundImage() {
|
| | | var formObj = document.forms[0];
|
| | | var st = dom.parseStyle(formObj.style.value);
|
| | |
|
| | | st['background-image'] = "url('" + formObj.backgroundimage.value + "')";
|
| | |
|
| | | formObj.style.value = dom.serializeStyle(st);
|
| | | }
|
| | |
|
| | | function changedBorder() {
|
| | | var formObj = document.forms[0];
|
| | | var st = dom.parseStyle(formObj.style.value);
|
| | |
|
| | | // Update border width if the element has a color
|
| | | if (formObj.border.value != "" && formObj.bordercolor.value != "")
|
| | | st['border-width'] = formObj.border.value + "px";
|
| | |
|
| | | formObj.style.value = dom.serializeStyle(st);
|
| | | }
|
| | |
|
| | | function changedColor() {
|
| | | var formObj = document.forms[0];
|
| | | var st = dom.parseStyle(formObj.style.value);
|
| | |
|
| | | st['background-color'] = formObj.bgcolor.value;
|
| | |
|
| | | if (formObj.bordercolor.value != "") {
|
| | | st['border-color'] = formObj.bordercolor.value;
|
| | |
|
| | | // Add border-width if it's missing
|
| | | if (!st['border-width'])
|
| | | st['border-width'] = formObj.border.value == "" ? "1px" : formObj.border.value + "px";
|
| | | }
|
| | |
|
| | | formObj.style.value = dom.serializeStyle(st);
|
| | | }
|
| | |
|
| | | function changedStyle() {
|
| | | var formObj = document.forms[0];
|
| | | var st = dom.parseStyle(formObj.style.value);
|
| | |
|
| | | if (st['background-image'])
|
| | | formObj.backgroundimage.value = st['background-image'].replace(new RegExp("url\\(['\"]?([^'\"]*)['\"]?\\)", 'gi'), "$1");
|
| | | else
|
| | | formObj.backgroundimage.value = '';
|
| | |
|
| | | if (st['width'])
|
| | | formObj.width.value = trimSize(st['width']);
|
| | |
|
| | | if (st['height'])
|
| | | formObj.height.value = trimSize(st['height']);
|
| | |
|
| | | if (st['background-color']) {
|
| | | formObj.bgcolor.value = st['background-color'];
|
| | | updateColor('bgcolor_pick','bgcolor');
|
| | | }
|
| | |
|
| | | if (st['border-color']) {
|
| | | formObj.bordercolor.value = st['border-color'];
|
| | | updateColor('bordercolor_pick','bordercolor');
|
| | | }
|
| | | }
|
| | |
|
| | | tinyMCEPopup.onInit.add(init);
|
New file |
| | |
| | | tinyMCE.addI18n('en.table_dlg',{"rules_border":"border","rules_box":"box","rules_vsides":"vsides","rules_rhs":"rhs","rules_lhs":"lhs","rules_hsides":"hsides","rules_below":"below","rules_above":"above","rules_void":"void",rules:"Rules","frame_all":"all","frame_cols":"cols","frame_rows":"rows","frame_groups":"groups","frame_none":"none",frame:"Frame",caption:"Table Caption","missing_scope":"Are you sure you want to continue without specifying a scope for this table header cell. Without it, it may be difficult for some users with disabilities to understand the content or data displayed of the table.","cell_limit":"You\'ve exceeded the maximum number of cells of {$cells}.","row_limit":"You\'ve exceeded the maximum number of rows of {$rows}.","col_limit":"You\'ve exceeded the maximum number of columns of {$cols}.",colgroup:"Col Group",rowgroup:"Row Group",scope:"Scope",tfoot:"Footer",tbody:"Body",thead:"Header","row_all":"Update All Rows in Table","row_even":"Update Even Rows in Table","row_odd":"Update Odd Rows in Table","row_row":"Update Current Row","cell_all":"Update All Cells in Table","cell_row":"Update All Cells in Row","cell_cell":"Update Current Cell",th:"Header",td:"Data",summary:"Summary",bgimage:"Background Image",rtl:"Right to Left",ltr:"Left to Right",mime:"Target MIME Type",langcode:"Language Code",langdir:"Language Direction",style:"Style",id:"ID","merge_cells_title":"Merge Table Cells",bgcolor:"Background Color",bordercolor:"Border Color","align_bottom":"Bottom","align_top":"Top",valign:"Vertical Alignment","cell_type":"Cell Type","cell_title":"Table Cell Properties","row_title":"Table Row Properties","align_middle":"Center","align_right":"Right","align_left":"Left","align_default":"Default",align:"Alignment",border:"Border",cellpadding:"Cell Padding",cellspacing:"Cell Spacing",rows:"Rows",cols:"Columns",height:"Height",width:"Width",title:"Insert/Edit Table",rowtype:"Row Type","advanced_props":"Advanced Properties","general_props":"General Properties","advanced_tab":"Advanced","general_tab":"General","cell_col":"Update all cells in column"}); |
New file |
| | |
| | | <!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>{#table_dlg.merge_cells_title}</title>
|
| | | <script type="text/javascript" src="../../tiny_mce_popup.js"></script>
|
| | | <script type="text/javascript" src="../../utils/mctabs.js"></script>
|
| | | <script type="text/javascript" src="../../utils/validate.js"></script>
|
| | | <script type="text/javascript" src="js/merge_cells.js"></script>
|
| | | </head>
|
| | | <body style="margin: 8px" role="application">
|
| | | <form onsubmit="MergeCellsDialog.merge();return false;" action="#">
|
| | | <fieldset>
|
| | | <legend>{#table_dlg.merge_cells_title}</legend>
|
| | | <table role="presentation" border="0" cellpadding="0" cellspacing="3" width="100%">
|
| | | <tr>
|
| | | <td><label for="numcols">{#table_dlg.cols}</label>:</td>
|
| | | <td align="right"><input type="text" id="numcols" name="numcols" value="" class="number min1 mceFocus" style="width: 30px" aria-required="true" /></td>
|
| | | </tr>
|
| | | <tr>
|
| | | <td><label for="numrows">{#table_dlg.rows}</label>:</td>
|
| | | <td align="right"><input type="text" id="numrows" name="numrows" value="" class="number min1" style="width: 30px" aria-required="true" /></td>
|
| | | </tr>
|
| | | </table>
|
| | | </fieldset>
|
| | |
|
| | | <div class="mceActionPanel">
|
| | | <input type="submit" id="insert" name="insert" value="{#update}" />
|
| | | <input type="button" id="cancel" name="cancel" value="{#cancel}" onclick="tinyMCEPopup.close();" />
|
| | | </div>
|
| | | </form>
|
| | | </body>
|
| | | </html>
|
New file |
| | |
| | | <!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>{#table_dlg.row_title}</title>
|
| | | <script type="text/javascript" src="../../tiny_mce_popup.js"></script>
|
| | | <script type="text/javascript" src="../../utils/mctabs.js"></script>
|
| | | <script type="text/javascript" src="../../utils/form_utils.js"></script>
|
| | | <script type="text/javascript" src="../../utils/validate.js"></script>
|
| | | <script type="text/javascript" src="../../utils/editable_selects.js"></script>
|
| | | <script type="text/javascript" src="js/row.js"></script>
|
| | | <link href="css/row.css" rel="stylesheet" type="text/css" />
|
| | | </head>
|
| | | <body id="tablerow" style="display: none" role="application">
|
| | | <form onsubmit="updateAction();return false;" action="#">
|
| | | <div class="tabs">
|
| | | <ul>
|
| | | <li id="general_tab" class="current" aria-controls="general_panel"><span><a href="javascript:mcTabs.displayTab('general_tab','general_panel');" onmousedown="return false;">{#table_dlg.general_tab}</a></span></li>
|
| | | <li id="advanced_tab" aria-controls="advanced_panel"><span><a href="javascript:mcTabs.displayTab('advanced_tab','advanced_panel');" onmousedown="return false;">{#table_dlg.advanced_tab}</a></span></li>
|
| | | </ul>
|
| | | </div>
|
| | |
|
| | | <div class="panel_wrapper">
|
| | | <div id="general_panel" class="panel current">
|
| | | <fieldset>
|
| | | <legend>{#table_dlg.general_props}</legend>
|
| | |
|
| | | <table role="presentation" border="0" cellpadding="4" cellspacing="0">
|
| | | <tr>
|
| | | <td><label for="rowtype">{#table_dlg.rowtype}</label></td>
|
| | | <td class="col2">
|
| | | <select id="rowtype" name="rowtype" class="mceFocus">
|
| | | <option value="thead">{#table_dlg.thead}</option>
|
| | | <option value="tbody">{#table_dlg.tbody}</option>
|
| | | <option value="tfoot">{#table_dlg.tfoot}</option>
|
| | | </select>
|
| | | </td>
|
| | | </tr>
|
| | |
|
| | | <tr>
|
| | | <td><label for="align">{#table_dlg.align}</label></td>
|
| | | <td class="col2">
|
| | | <select id="align" name="align">
|
| | | <option value="">{#not_set}</option>
|
| | | <option value="center">{#table_dlg.align_middle}</option>
|
| | | <option value="left">{#table_dlg.align_left}</option>
|
| | | <option value="right">{#table_dlg.align_right}</option>
|
| | | </select>
|
| | | </td>
|
| | | </tr>
|
| | |
|
| | | <tr>
|
| | | <td><label for="valign">{#table_dlg.valign}</label></td>
|
| | | <td class="col2">
|
| | | <select id="valign" name="valign">
|
| | | <option value="">{#not_set}</option>
|
| | | <option value="top">{#table_dlg.align_top}</option>
|
| | | <option value="middle">{#table_dlg.align_middle}</option>
|
| | | <option value="bottom">{#table_dlg.align_bottom}</option>
|
| | | </select>
|
| | | </td>
|
| | | </tr>
|
| | |
|
| | | <tr id="styleSelectRow">
|
| | | <td><label for="class">{#class_name}</label></td>
|
| | | <td class="col2">
|
| | | <select id="class" name="class" class="mceEditableSelect">
|
| | | <option value="" selected="selected">{#not_set}</option>
|
| | | </select>
|
| | | </td>
|
| | | </tr>
|
| | |
|
| | | <tr>
|
| | | <td><label for="height">{#table_dlg.height}</label></td>
|
| | | <td class="col2"><input name="height" type="text" id="height" value="" size="7" maxlength="7" onchange="changedSize();" class="size" /></td>
|
| | | </tr>
|
| | | </table>
|
| | | </fieldset>
|
| | | </div>
|
| | |
|
| | | <div id="advanced_panel" class="panel">
|
| | | <fieldset>
|
| | | <legend>{#table_dlg.advanced_props}</legend>
|
| | |
|
| | | <table role="presentation" border="0" cellpadding="0" cellspacing="4">
|
| | | <tr>
|
| | | <td class="column1"><label for="id">{#table_dlg.id}</label></td> |
| | | <td><input id="id" name="id" type="text" value="" style="width: 200px" /></td> |
| | | </tr>
|
| | |
|
| | | <tr>
|
| | | <td><label for="style">{#table_dlg.style}</label></td>
|
| | | <td><input type="text" id="style" name="style" value="" style="width: 200px;" onchange="changedStyle();" /></td>
|
| | | </tr>
|
| | |
|
| | | <tr>
|
| | | <td class="column1"><label for="dir">{#table_dlg.langdir}</label></td> |
| | | <td>
|
| | | <select id="dir" name="dir" style="width: 200px"> |
| | | <option value="">{#not_set}</option> |
| | | <option value="ltr">{#table_dlg.ltr}</option> |
| | | <option value="rtl">{#table_dlg.rtl}</option> |
| | | </select>
|
| | | </td> |
| | | </tr>
|
| | |
|
| | | <tr>
|
| | | <td class="column1"><label for="lang">{#table_dlg.langcode}</label></td> |
| | | <td>
|
| | | <input id="lang" name="lang" type="text" value="" style="width: 200px" />
|
| | | </td> |
| | | </tr>
|
| | |
|
| | | <tr>
|
| | | <td class="column1"><label for="backgroundimage">{#table_dlg.bgimage}</label></td> |
| | | <td>
|
| | | <table role="presentation" border="0" cellpadding="0" cellspacing="0">
|
| | | <tr>
|
| | | <td><input id="backgroundimage" name="backgroundimage" type="text" value="" style="width: 200px" onchange="changedBackgroundImage();" /></td>
|
| | | <td id="backgroundimagebrowsercontainer"> </td>
|
| | | </tr>
|
| | | </table>
|
| | | </td> |
| | | </tr>
|
| | |
|
| | | <tr>
|
| | | <td class="column1"><label for="bgcolor" id="bgcolor_label">{#table_dlg.bgcolor}</label></td> |
| | | <td>
|
| | | <span role="group" aria-labelledby="bgcolor_label">
|
| | | <table role="presentation" border="0" cellpadding="0" cellspacing="0">
|
| | | <tr>
|
| | | <td><input id="bgcolor" name="bgcolor" type="text" value="" size="9" onchange="updateColor('bgcolor_pick','bgcolor');changedColor();" /></td>
|
| | | <td id="bgcolor_pickcontainer"> </td>
|
| | | </tr>
|
| | | </table>
|
| | | </span>
|
| | | </td> |
| | | </tr>
|
| | | </table>
|
| | | </fieldset>
|
| | | </div>
|
| | | </div>
|
| | |
|
| | | <div class="mceActionPanel">
|
| | | <div>
|
| | | <select id="action" name="action">
|
| | | <option value="row">{#table_dlg.row_row}</option>
|
| | | <option value="odd">{#table_dlg.row_odd}</option>
|
| | | <option value="even">{#table_dlg.row_even}</option>
|
| | | <option value="all">{#table_dlg.row_all}</option>
|
| | | </select>
|
| | | </div>
|
| | |
|
| | | <input type="submit" id="insert" name="insert" value="{#update}" />
|
| | | <input type="button" id="cancel" name="cancel" value="{#cancel}" onclick="tinyMCEPopup.close();" />
|
| | | </div>
|
| | | </form>
|
| | | </body>
|
| | | </html>
|
New file |
| | |
| | | <!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>{#table_dlg.title}</title>
|
| | | <script type="text/javascript" src="../../tiny_mce_popup.js"></script>
|
| | | <script type="text/javascript" src="../../utils/mctabs.js"></script>
|
| | | <script type="text/javascript" src="../../utils/form_utils.js"></script>
|
| | | <script type="text/javascript" src="../../utils/validate.js"></script>
|
| | | <script type="text/javascript" src="../../utils/editable_selects.js"></script>
|
| | | <script type="text/javascript" src="js/table.js"></script>
|
| | | <link href="css/table.css" rel="stylesheet" type="text/css" />
|
| | | </head>
|
| | | <body id="table" style="display: none" role="application" aria-labelledby="app_title">
|
| | | <span style="display:none;" id="app_title">{#table_dlg.title}</span>
|
| | | <form onsubmit="insertTable();return false;" action="#">
|
| | | <div class="tabs">
|
| | | <ul>
|
| | | <li id="general_tab" aria-controls="general_panel" class="current"><span><a href="javascript:mcTabs.displayTab('general_tab','general_panel');" onmousedown="return false;">{#table_dlg.general_tab}</a></span></li>
|
| | | <li id="advanced_tab" aria-controls="advanced_panel"><span><a href="javascript:mcTabs.displayTab('advanced_tab','advanced_panel');" onmousedown="return false;">{#table_dlg.advanced_tab}</a></span></li>
|
| | | </ul>
|
| | | </div>
|
| | |
|
| | | <div class="panel_wrapper">
|
| | | <div id="general_panel" class="panel current">
|
| | | <fieldset>
|
| | | <legend>{#table_dlg.general_props}</legend>
|
| | | <table role="presentation" border="0" cellpadding="4" cellspacing="0" width="100%">
|
| | | <tr>
|
| | | <td><label id="colslabel" for="cols">{#table_dlg.cols}</label></td>
|
| | | <td><input id="cols" name="cols" type="text" value="" size="3" maxlength="3" class="required number min1 mceFocus" aria-required="true" /></td>
|
| | | <td><label id="rowslabel" for="rows">{#table_dlg.rows}</label></td>
|
| | | <td><input id="rows" name="rows" type="text" value="" size="3" maxlength="3" class="required number min1" aria-required="true" /></td>
|
| | | </tr>
|
| | | <tr>
|
| | | <td><label id="cellpaddinglabel" for="cellpadding">{#table_dlg.cellpadding}</label></td>
|
| | | <td><input id="cellpadding" name="cellpadding" type="text" value="" size="3" maxlength="3" class="number" /></td>
|
| | | <td><label id="cellspacinglabel" for="cellspacing">{#table_dlg.cellspacing}</label></td>
|
| | | <td><input id="cellspacing" name="cellspacing" type="text" value="" size="3" maxlength="3" class="number" /></td>
|
| | | </tr>
|
| | | <tr>
|
| | | <td><label id="alignlabel" for="align">{#table_dlg.align}</label></td>
|
| | | <td><select id="align" name="align">
|
| | | <option value="">{#not_set}</option>
|
| | | <option value="center">{#table_dlg.align_middle}</option>
|
| | | <option value="left">{#table_dlg.align_left}</option>
|
| | | <option value="right">{#table_dlg.align_right}</option>
|
| | | </select></td>
|
| | | <td><label id="borderlabel" for="border">{#table_dlg.border}</label></td>
|
| | | <td><input id="border" name="border" type="text" value="" size="3" maxlength="3" onchange="changedBorder();" class="number" /></td>
|
| | | </tr>
|
| | | <tr id="width_row">
|
| | | <td><label id="widthlabel" for="width">{#table_dlg.width}</label></td>
|
| | | <td><input name="width" type="text" id="width" value="" size="7" maxlength="7" onchange="changedSize();" class="size" /></td>
|
| | | <td><label id="heightlabel" for="height">{#table_dlg.height}</label></td>
|
| | | <td><input name="height" type="text" id="height" value="" size="7" maxlength="7" onchange="changedSize();" class="size" /></td>
|
| | | </tr>
|
| | | <tr id="styleSelectRow" >
|
| | | <td><label id="classlabel" for="class">{#class_name}</label></td>
|
| | | <td colspan="3" >
|
| | | <select id="class" name="class" class="mceEditableSelect">
|
| | | <option value="" selected="selected">{#not_set}</option>
|
| | | </select></td>
|
| | | </tr>
|
| | | <tr>
|
| | | <td class="column1" ><label for="caption">{#table_dlg.caption}</label></td> |
| | | <td><input id="caption" name="caption" type="checkbox" class="checkbox" value="true" /></td> |
| | | </tr>
|
| | | </table>
|
| | | </fieldset>
|
| | | </div>
|
| | |
|
| | | <div id="advanced_panel" class="panel">
|
| | | <fieldset>
|
| | | <legend>{#table_dlg.advanced_props}</legend>
|
| | |
|
| | | <table role="presentation" border="0" cellpadding="0" cellspacing="4">
|
| | | <tr>
|
| | | <td class="column1"><label for="id">{#table_dlg.id}</label></td> |
| | | <td><input id="id" name="id" type="text" value="" class="advfield" /></td> |
| | | </tr>
|
| | |
|
| | | <tr>
|
| | | <td class="column1"><label for="summary">{#table_dlg.summary}</label></td> |
| | | <td><input id="summary" name="summary" type="text" value="" class="advfield" /></td> |
| | | </tr>
|
| | |
|
| | | <tr>
|
| | | <td><label for="style">{#table_dlg.style}</label></td>
|
| | | <td><input type="text" id="style" name="style" value="" class="advfield" onchange="changedStyle();" /></td>
|
| | | </tr>
|
| | |
|
| | | <tr>
|
| | | <td class="column1"><label id="langlabel" for="lang">{#table_dlg.langcode}</label></td> |
| | | <td>
|
| | | <input id="lang" name="lang" type="text" value="" class="advfield" />
|
| | | </td> |
| | | </tr>
|
| | |
|
| | | <tr>
|
| | | <td class="column1"><label for="backgroundimage">{#table_dlg.bgimage}</label></td> |
| | | <td>
|
| | | <table role="presentation" aria-labelledby="backgroundimage_label" border="0" cellpadding="0" cellspacing="0">
|
| | | <tr>
|
| | | <td><input id="backgroundimage" name="backgroundimage" type="text" value="" class="advfield" onchange="changedBackgroundImage();" /></td>
|
| | | <td id="backgroundimagebrowsercontainer"> </td>
|
| | | </tr>
|
| | | </table>
|
| | | </td> |
| | | </tr>
|
| | |
|
| | | <tr>
|
| | | <td class="column1"><label for="tframe">{#table_dlg.frame}</label></td> |
| | | <td>
|
| | | <select id="tframe" name="tframe" class="advfield"> |
| | | <option value="">{#not_set}</option>
|
| | | <option value="void">{#table_dlg.rules_void}</option>
|
| | | <option value="above">{#table_dlg.rules_above}</option> |
| | | <option value="below">{#table_dlg.rules_below}</option> |
| | | <option value="hsides">{#table_dlg.rules_hsides}</option> |
| | | <option value="lhs">{#table_dlg.rules_lhs}</option> |
| | | <option value="rhs">{#table_dlg.rules_rhs}</option> |
| | | <option value="vsides">{#table_dlg.rules_vsides}</option> |
| | | <option value="box">{#table_dlg.rules_box}</option> |
| | | <option value="border">{#table_dlg.rules_border}</option> |
| | | </select>
|
| | | </td> |
| | | </tr>
|
| | |
|
| | | <tr>
|
| | | <td class="column1"><label for="rules">{#table_dlg.rules}</label></td> |
| | | <td>
|
| | | <select id="rules" name="rules" class="advfield"> |
| | | <option value="">{#not_set}</option> |
| | | <option value="none">{#table_dlg.frame_none}</option>
|
| | | <option value="groups">{#table_dlg.frame_groups}</option>
|
| | | <option value="rows">{#table_dlg.frame_rows}</option>
|
| | | <option value="cols">{#table_dlg.frame_cols}</option>
|
| | | <option value="all">{#table_dlg.frame_all}</option>
|
| | | </select>
|
| | | </td> |
| | | </tr>
|
| | |
|
| | | <tr>
|
| | | <td class="column1"><label for="dir">{#table_dlg.langdir}</label></td> |
| | | <td>
|
| | | <select id="dir" name="dir" class="advfield"> |
| | | <option value="">{#not_set}</option> |
| | | <option value="ltr">{#table_dlg.ltr}</option> |
| | | <option value="rtl">{#table_dlg.rtl}</option> |
| | | </select>
|
| | | </td> |
| | | </tr>
|
| | |
|
| | | <tr role="group" aria-labelledby="bordercolor_label">
|
| | | <td class="column1"><label id="bordercolor_label" for="bordercolor">{#table_dlg.bordercolor}</label></td> |
| | | <td>
|
| | | <table role="presentation" border="0" cellpadding="0" cellspacing="0">
|
| | | <tr>
|
| | | <td><input id="bordercolor" name="bordercolor" type="text" value="" size="9" onchange="updateColor('bordercolor_pick','bordercolor');changedColor();" /></td>
|
| | | <td id="bordercolor_pickcontainer"> </td>
|
| | | </tr>
|
| | | </table>
|
| | | </td> |
| | | </tr>
|
| | |
|
| | | <tr role="group" aria-labelledby="bgcolor_label">
|
| | | <td class="column1"><label id="bgcolor_label" for="bgcolor">{#table_dlg.bgcolor}</label></td> |
| | | <td>
|
| | | <table role="presentation" border="0" cellpadding="0" cellspacing="0">
|
| | | <tr>
|
| | | <td><input id="bgcolor" name="bgcolor" type="text" value="" size="9" onchange="updateColor('bgcolor_pick','bgcolor');changedColor();" /></td>
|
| | | <td id="bgcolor_pickcontainer"> </td>
|
| | | </tr>
|
| | | </table>
|
| | | </td> |
| | | </tr>
|
| | | </table>
|
| | | </fieldset>
|
| | | </div>
|
| | | </div>
|
| | |
|
| | | <div class="mceActionPanel">
|
| | | <input type="submit" id="insert" name="insert" value="{#insert}" />
|
| | | <input type="button" id="cancel" name="cancel" value="{#cancel}" onclick="tinyMCEPopup.close();" />
|
| | | </div>
|
| | | </form>
|
| | | </body>
|
| | | </html>
|
New file |
| | |
| | | <html xmlns="http://www.w3.org/1999/xhtml">
|
| | | <head>
|
| | | <title>blank_page</title>
|
| | | <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
|
| | | <script type="text/javascript">
|
| | | parent.TemplateDialog.loadCSSFiles(document);
|
| | | </script>
|
| | | </head>
|
| | | <body id="mceTemplatePreview" class="mceContentBody">
|
| | |
|
| | | </body>
|
| | | </html>
|
New file |
| | |
| | | #frmbody {
|
| | | padding: 10px;
|
| | | background-color: #FFF;
|
| | | border: 1px solid #CCC;
|
| | | }
|
| | |
|
| | | .frmRow {
|
| | | margin-bottom: 10px;
|
| | | }
|
| | |
|
| | | #templatesrc {
|
| | | border: none;
|
| | | width: 320px;
|
| | | height: 240px;
|
| | | }
|
| | |
|
| | | .title {
|
| | | padding-bottom: 5px;
|
| | | }
|
| | |
|
| | | .mceActionPanel {
|
| | | padding-top: 5px;
|
| | | }
|
New file |
| | |
| | | (function(){var a=tinymce.each;tinymce.create("tinymce.plugins.TemplatePlugin",{init:function(b,c){var d=this;d.editor=b;b.addCommand("mceTemplate",function(e){b.windowManager.open({file:c+"/template.htm",width:b.getParam("template_popup_width",750),height:b.getParam("template_popup_height",600),inline:1},{plugin_url:c})});b.addCommand("mceInsertTemplate",d._insertTemplate,d);b.addButton("template",{title:"template.desc",cmd:"mceTemplate"});b.onPreProcess.add(function(e,g){var f=e.dom;a(f.select("div",g.node),function(h){if(f.hasClass(h,"mceTmpl")){a(f.select("*",h),function(i){if(f.hasClass(i,e.getParam("template_mdate_classes","mdate").replace(/\s+/g,"|"))){i.innerHTML=d._getDateTime(new Date(),e.getParam("template_mdate_format",e.getLang("template.mdate_format")))}});d._replaceVals(h)}})})},getInfo:function(){return{longname:"Template plugin",author:"Moxiecode Systems AB",authorurl:"http://www.moxiecode.com",infourl:"http://wiki.moxiecode.com/index.php/TinyMCE:Plugins/template",version:tinymce.majorVersion+"."+tinymce.minorVersion}},_insertTemplate:function(i,j){var k=this,g=k.editor,f,c,d=g.dom,b=g.selection.getContent();f=j.content;a(k.editor.getParam("template_replace_values"),function(l,h){if(typeof(l)!="function"){f=f.replace(new RegExp("\\{\\$"+h+"\\}","g"),l)}});c=d.create("div",null,f);n=d.select(".mceTmpl",c);if(n&&n.length>0){c=d.create("div",null);c.appendChild(n[0].cloneNode(true))}function e(l,h){return new RegExp("\\b"+h+"\\b","g").test(l.className)}a(d.select("*",c),function(h){if(e(h,g.getParam("template_cdate_classes","cdate").replace(/\s+/g,"|"))){h.innerHTML=k._getDateTime(new Date(),g.getParam("template_cdate_format",g.getLang("template.cdate_format")))}if(e(h,g.getParam("template_mdate_classes","mdate").replace(/\s+/g,"|"))){h.innerHTML=k._getDateTime(new Date(),g.getParam("template_mdate_format",g.getLang("template.mdate_format")))}if(e(h,g.getParam("template_selected_content_classes","selcontent").replace(/\s+/g,"|"))){h.innerHTML=b}});k._replaceVals(c);g.execCommand("mceInsertContent",false,c.innerHTML);g.addVisual()},_replaceVals:function(c){var d=this.editor.dom,b=this.editor.getParam("template_replace_values");a(d.select("*",c),function(f){a(b,function(g,e){if(d.hasClass(f,e)){if(typeof(b[e])=="function"){b[e](f)}}})})},_getDateTime:function(e,b){if(!b){return""}function c(g,d){var f;g=""+g;if(g.length<d){for(f=0;f<(d-g.length);f++){g="0"+g}}return g}b=b.replace("%D","%m/%d/%y");b=b.replace("%r","%I:%M:%S %p");b=b.replace("%Y",""+e.getFullYear());b=b.replace("%y",""+e.getYear());b=b.replace("%m",c(e.getMonth()+1,2));b=b.replace("%d",c(e.getDate(),2));b=b.replace("%H",""+c(e.getHours(),2));b=b.replace("%M",""+c(e.getMinutes(),2));b=b.replace("%S",""+c(e.getSeconds(),2));b=b.replace("%I",""+((e.getHours()+11)%12+1));b=b.replace("%p",""+(e.getHours()<12?"AM":"PM"));b=b.replace("%B",""+this.editor.getLang("template_months_long").split(",")[e.getMonth()]);b=b.replace("%b",""+this.editor.getLang("template_months_short").split(",")[e.getMonth()]);b=b.replace("%A",""+this.editor.getLang("template_day_long").split(",")[e.getDay()]);b=b.replace("%a",""+this.editor.getLang("template_day_short").split(",")[e.getDay()]);b=b.replace("%%","%");return b}});tinymce.PluginManager.add("template",tinymce.plugins.TemplatePlugin)})(); |
New file |
| | |
| | | /**
|
| | | * editor_plugin_src.js
|
| | | *
|
| | | * Copyright 2009, Moxiecode Systems AB
|
| | | * Released under LGPL License.
|
| | | *
|
| | | * License: http://tinymce.moxiecode.com/license
|
| | | * Contributing: http://tinymce.moxiecode.com/contributing
|
| | | */
|
| | |
|
| | | (function() {
|
| | | var each = tinymce.each;
|
| | |
|
| | | tinymce.create('tinymce.plugins.TemplatePlugin', {
|
| | | init : function(ed, url) {
|
| | | var t = this;
|
| | |
|
| | | t.editor = ed;
|
| | |
|
| | | // Register commands
|
| | | ed.addCommand('mceTemplate', function(ui) {
|
| | | ed.windowManager.open({
|
| | | file : url + '/template.htm',
|
| | | width : ed.getParam('template_popup_width', 750),
|
| | | height : ed.getParam('template_popup_height', 600),
|
| | | inline : 1
|
| | | }, {
|
| | | plugin_url : url
|
| | | });
|
| | | });
|
| | |
|
| | | ed.addCommand('mceInsertTemplate', t._insertTemplate, t);
|
| | |
|
| | | // Register buttons
|
| | | ed.addButton('template', {title : 'template.desc', cmd : 'mceTemplate'});
|
| | |
|
| | | ed.onPreProcess.add(function(ed, o) {
|
| | | var dom = ed.dom;
|
| | |
|
| | | each(dom.select('div', o.node), function(e) {
|
| | | if (dom.hasClass(e, 'mceTmpl')) {
|
| | | each(dom.select('*', e), function(e) {
|
| | | if (dom.hasClass(e, ed.getParam('template_mdate_classes', 'mdate').replace(/\s+/g, '|')))
|
| | | e.innerHTML = t._getDateTime(new Date(), ed.getParam("template_mdate_format", ed.getLang("template.mdate_format")));
|
| | | });
|
| | |
|
| | | t._replaceVals(e);
|
| | | }
|
| | | });
|
| | | });
|
| | | },
|
| | |
|
| | | getInfo : function() {
|
| | | return {
|
| | | longname : 'Template plugin',
|
| | | author : 'Moxiecode Systems AB',
|
| | | authorurl : 'http://www.moxiecode.com',
|
| | | infourl : 'http://wiki.moxiecode.com/index.php/TinyMCE:Plugins/template',
|
| | | version : tinymce.majorVersion + "." + tinymce.minorVersion
|
| | | };
|
| | | },
|
| | |
|
| | | _insertTemplate : function(ui, v) {
|
| | | var t = this, ed = t.editor, h, el, dom = ed.dom, sel = ed.selection.getContent();
|
| | |
|
| | | h = v.content;
|
| | |
|
| | | each(t.editor.getParam('template_replace_values'), function(v, k) {
|
| | | if (typeof(v) != 'function')
|
| | | h = h.replace(new RegExp('\\{\\$' + k + '\\}', 'g'), v);
|
| | | });
|
| | |
|
| | | el = dom.create('div', null, h);
|
| | |
|
| | | // Find template element within div
|
| | | n = dom.select('.mceTmpl', el);
|
| | | if (n && n.length > 0) {
|
| | | el = dom.create('div', null);
|
| | | el.appendChild(n[0].cloneNode(true));
|
| | | }
|
| | |
|
| | | function hasClass(n, c) {
|
| | | return new RegExp('\\b' + c + '\\b', 'g').test(n.className);
|
| | | };
|
| | |
|
| | | each(dom.select('*', el), function(n) {
|
| | | // Replace cdate
|
| | | if (hasClass(n, ed.getParam('template_cdate_classes', 'cdate').replace(/\s+/g, '|')))
|
| | | n.innerHTML = t._getDateTime(new Date(), ed.getParam("template_cdate_format", ed.getLang("template.cdate_format")));
|
| | |
|
| | | // Replace mdate
|
| | | if (hasClass(n, ed.getParam('template_mdate_classes', 'mdate').replace(/\s+/g, '|')))
|
| | | n.innerHTML = t._getDateTime(new Date(), ed.getParam("template_mdate_format", ed.getLang("template.mdate_format")));
|
| | |
|
| | | // Replace selection
|
| | | if (hasClass(n, ed.getParam('template_selected_content_classes', 'selcontent').replace(/\s+/g, '|')))
|
| | | n.innerHTML = sel;
|
| | | });
|
| | |
|
| | | t._replaceVals(el);
|
| | |
|
| | | ed.execCommand('mceInsertContent', false, el.innerHTML);
|
| | | ed.addVisual();
|
| | | },
|
| | |
|
| | | _replaceVals : function(e) {
|
| | | var dom = this.editor.dom, vl = this.editor.getParam('template_replace_values');
|
| | |
|
| | | each(dom.select('*', e), function(e) {
|
| | | each(vl, function(v, k) {
|
| | | if (dom.hasClass(e, k)) {
|
| | | if (typeof(vl[k]) == 'function')
|
| | | vl[k](e);
|
| | | }
|
| | | });
|
| | | });
|
| | | },
|
| | |
|
| | | _getDateTime : function(d, fmt) {
|
| | | if (!fmt)
|
| | | return "";
|
| | |
|
| | | function addZeros(value, len) {
|
| | | var i;
|
| | |
|
| | | value = "" + value;
|
| | |
|
| | | if (value.length < len) {
|
| | | for (i=0; i<(len-value.length); i++)
|
| | | value = "0" + value;
|
| | | }
|
| | |
|
| | | return value;
|
| | | }
|
| | |
|
| | | fmt = fmt.replace("%D", "%m/%d/%y");
|
| | | fmt = fmt.replace("%r", "%I:%M:%S %p");
|
| | | fmt = fmt.replace("%Y", "" + d.getFullYear());
|
| | | fmt = fmt.replace("%y", "" + d.getYear());
|
| | | fmt = fmt.replace("%m", addZeros(d.getMonth()+1, 2));
|
| | | fmt = fmt.replace("%d", addZeros(d.getDate(), 2));
|
| | | fmt = fmt.replace("%H", "" + addZeros(d.getHours(), 2));
|
| | | fmt = fmt.replace("%M", "" + addZeros(d.getMinutes(), 2));
|
| | | fmt = fmt.replace("%S", "" + addZeros(d.getSeconds(), 2));
|
| | | fmt = fmt.replace("%I", "" + ((d.getHours() + 11) % 12 + 1));
|
| | | fmt = fmt.replace("%p", "" + (d.getHours() < 12 ? "AM" : "PM"));
|
| | | fmt = fmt.replace("%B", "" + this.editor.getLang("template_months_long").split(',')[d.getMonth()]);
|
| | | fmt = fmt.replace("%b", "" + this.editor.getLang("template_months_short").split(',')[d.getMonth()]);
|
| | | fmt = fmt.replace("%A", "" + this.editor.getLang("template_day_long").split(',')[d.getDay()]);
|
| | | fmt = fmt.replace("%a", "" + this.editor.getLang("template_day_short").split(',')[d.getDay()]);
|
| | | fmt = fmt.replace("%%", "%");
|
| | |
|
| | | return fmt;
|
| | | }
|
| | | });
|
| | |
|
| | | // Register plugin
|
| | | tinymce.PluginManager.add('template', tinymce.plugins.TemplatePlugin);
|
| | | })(); |
New file |
| | |
| | | tinyMCEPopup.requireLangPack();
|
| | |
|
| | | var TemplateDialog = {
|
| | | preInit : function() {
|
| | | var url = tinyMCEPopup.getParam("template_external_list_url");
|
| | |
|
| | | if (url != null)
|
| | | document.write('<sc'+'ript language="javascript" type="text/javascript" src="' + tinyMCEPopup.editor.documentBaseURI.toAbsolute(url) + '"></sc'+'ript>');
|
| | | },
|
| | |
|
| | | init : function() {
|
| | | var ed = tinyMCEPopup.editor, tsrc, sel, x, u;
|
| | |
|
| | | tsrc = ed.getParam("template_templates", false);
|
| | | sel = document.getElementById('tpath');
|
| | |
|
| | | // Setup external template list
|
| | | if (!tsrc && typeof(tinyMCETemplateList) != 'undefined') {
|
| | | for (x=0, tsrc = []; x<tinyMCETemplateList.length; x++)
|
| | | tsrc.push({title : tinyMCETemplateList[x][0], src : tinyMCETemplateList[x][1], description : tinyMCETemplateList[x][2]});
|
| | | }
|
| | |
|
| | | for (x=0; x<tsrc.length; x++)
|
| | | sel.options[sel.options.length] = new Option(tsrc[x].title, tinyMCEPopup.editor.documentBaseURI.toAbsolute(tsrc[x].src));
|
| | |
|
| | | this.resize();
|
| | | this.tsrc = tsrc;
|
| | | },
|
| | |
|
| | | resize : function() {
|
| | | var w, h, e;
|
| | |
|
| | | if (!self.innerWidth) {
|
| | | w = document.body.clientWidth - 50;
|
| | | h = document.body.clientHeight - 160;
|
| | | } else {
|
| | | w = self.innerWidth - 50;
|
| | | h = self.innerHeight - 170;
|
| | | }
|
| | |
|
| | | e = document.getElementById('templatesrc');
|
| | |
|
| | | if (e) {
|
| | | e.style.height = Math.abs(h) + 'px';
|
| | | e.style.width = Math.abs(w - 5) + 'px';
|
| | | }
|
| | | },
|
| | |
|
| | | loadCSSFiles : function(d) {
|
| | | var ed = tinyMCEPopup.editor;
|
| | |
|
| | | tinymce.each(ed.getParam("content_css", '').split(','), function(u) {
|
| | | d.write('<link href="' + ed.documentBaseURI.toAbsolute(u) + '" rel="stylesheet" type="text/css" />');
|
| | | });
|
| | | },
|
| | |
|
| | | selectTemplate : function(u, ti) {
|
| | | var d = window.frames['templatesrc'].document, x, tsrc = this.tsrc;
|
| | |
|
| | | if (!u)
|
| | | return;
|
| | |
|
| | | d.body.innerHTML = this.templateHTML = this.getFileContents(u);
|
| | |
|
| | | for (x=0; x<tsrc.length; x++) {
|
| | | if (tsrc[x].title == ti)
|
| | | document.getElementById('tmpldesc').innerHTML = tsrc[x].description || '';
|
| | | }
|
| | | },
|
| | |
|
| | | insert : function() {
|
| | | tinyMCEPopup.execCommand('mceInsertTemplate', false, {
|
| | | content : this.templateHTML,
|
| | | selection : tinyMCEPopup.editor.selection.getContent()
|
| | | });
|
| | |
|
| | | tinyMCEPopup.close();
|
| | | },
|
| | |
|
| | | getFileContents : function(u) {
|
| | | var x, d, t = 'text/plain';
|
| | |
|
| | | function g(s) {
|
| | | x = 0;
|
| | |
|
| | | try {
|
| | | x = new ActiveXObject(s);
|
| | | } catch (s) {
|
| | | }
|
| | |
|
| | | return x;
|
| | | };
|
| | |
|
| | | x = window.ActiveXObject ? g('Msxml2.XMLHTTP') || g('Microsoft.XMLHTTP') : new XMLHttpRequest();
|
| | |
|
| | | // Synchronous AJAX load file
|
| | | x.overrideMimeType && x.overrideMimeType(t);
|
| | | x.open("GET", u, false);
|
| | | x.send(null);
|
| | |
|
| | | return x.responseText;
|
| | | }
|
| | | };
|
| | |
|
| | | TemplateDialog.preInit();
|
| | | tinyMCEPopup.onInit.add(TemplateDialog.init, TemplateDialog);
|
New file |
| | |
| | | tinyMCE.addI18n('en.template_dlg',{title:"Templates",label:"Template","desc_label":"Description",desc:"Insert Predefined Template Content",select:"Select a Template",preview:"Preview",warning:"Warning: Updating a template with a different one may cause data loss.","mdate_format":"%Y-%m-%d %H:%M:%S","cdate_format":"%Y-%m-%d %H:%M:%S","months_long":"January,February,March,April,May,June,July,August,September,October,November,December","months_short":"Jan,Feb,Mar,Apr,May,Jun,Jul,Aug,Sep,Oct,Nov,Dec","day_long":"Sunday,Monday,Tuesday,Wednesday,Thursday,Friday,Saturday,Sunday","day_short":"Sun,Mon,Tue,Wed,Thu,Fri,Sat,Sun"}); |
New file |
| | |
| | | <html xmlns="http://www.w3.org/1999/xhtml">
|
| | | <head>
|
| | | <title>{#template_dlg.title}</title>
|
| | | <script type="text/javascript" src="../../tiny_mce_popup.js"></script>
|
| | | <script type="text/javascript" src="js/template.js"></script>
|
| | | <link href="css/template.css" rel="stylesheet" type="text/css" />
|
| | | </head>
|
| | | <body onresize="TemplateDialog.resize();"> |
| | | <form onsubmit="TemplateDialog.insert();return false;">
|
| | | <div id="frmbody">
|
| | | <div class="title">{#template_dlg.desc}</div>
|
| | | <div class="frmRow"><label for="tpath" title="{#template_dlg.select}">{#template_dlg.label}:</label>
|
| | | <select id="tpath" name="tpath" onchange="TemplateDialog.selectTemplate(this.options[this.selectedIndex].value, this.options[this.selectedIndex].text);" class="mceFocus">
|
| | | <option value="">{#template_dlg.select}...</option>
|
| | | </select>
|
| | | <span id="warning"></span></div>
|
| | | <div class="frmRow"><label for="tdesc">{#template_dlg.desc_label}:</label>
|
| | | <span id="tmpldesc"></span></div>
|
| | | <fieldset>
|
| | | <legend>{#template_dlg.preview}</legend>
|
| | | <iframe id="templatesrc" name="templatesrc" src="blank.htm" width="690" height="400" frameborder="0"></iframe>
|
| | | </fieldset>
|
| | | </div>
|
| | | |
| | | <div class="mceActionPanel">
|
| | | <input type="submit" id="insert" name="insert" value="{#insert}" />
|
| | | <input type="button" id="cancel" name="cancel" value="{#cancel}" onclick="tinyMCEPopup.close();" />
|
| | | </div>
|
| | | </form>
|
| | | </body> |
| | | </html> |
New file |
| | |
| | | (function(){tinymce.create("tinymce.plugins.VisualChars",{init:function(a,b){var c=this;c.editor=a;a.addCommand("mceVisualChars",c._toggleVisualChars,c);a.addButton("visualchars",{title:"visualchars.desc",cmd:"mceVisualChars"});a.onBeforeGetContent.add(function(d,e){if(c.state&&e.format!="raw"&&!e.draft){c.state=true;c._toggleVisualChars(false)}})},getInfo:function(){return{longname:"Visual characters",author:"Moxiecode Systems AB",authorurl:"http://tinymce.moxiecode.com",infourl:"http://wiki.moxiecode.com/index.php/TinyMCE:Plugins/visualchars",version:tinymce.majorVersion+"."+tinymce.minorVersion}},_toggleVisualChars:function(m){var p=this,k=p.editor,a,g,j,n=k.getDoc(),o=k.getBody(),l,q=k.selection,e,c,f;p.state=!p.state;k.controlManager.setActive("visualchars",p.state);if(m){f=q.getBookmark()}if(p.state){a=[];tinymce.walk(o,function(b){if(b.nodeType==3&&b.nodeValue&&b.nodeValue.indexOf("\u00a0")!=-1){a.push(b)}},"childNodes");for(g=0;g<a.length;g++){l=a[g].nodeValue;l=l.replace(/(\u00a0)/g,'<span data-mce-bogus="1" class="mceItemHidden mceItemNbsp">$1</span>');c=k.dom.create("div",null,l);while(node=c.lastChild){k.dom.insertAfter(node,a[g])}k.dom.remove(a[g])}}else{a=k.dom.select("span.mceItemNbsp",o);for(g=a.length-1;g>=0;g--){k.dom.remove(a[g],1)}}q.moveToBookmark(f)}});tinymce.PluginManager.add("visualchars",tinymce.plugins.VisualChars)})(); |
New file |
| | |
| | | /**
|
| | | * editor_plugin_src.js
|
| | | *
|
| | | * Copyright 2009, Moxiecode Systems AB
|
| | | * Released under LGPL License.
|
| | | *
|
| | | * License: http://tinymce.moxiecode.com/license
|
| | | * Contributing: http://tinymce.moxiecode.com/contributing
|
| | | */
|
| | |
|
| | | (function() {
|
| | | tinymce.create('tinymce.plugins.VisualChars', {
|
| | | init : function(ed, url) {
|
| | | var t = this;
|
| | |
|
| | | t.editor = ed;
|
| | |
|
| | | // Register commands
|
| | | ed.addCommand('mceVisualChars', t._toggleVisualChars, t);
|
| | |
|
| | | // Register buttons
|
| | | ed.addButton('visualchars', {title : 'visualchars.desc', cmd : 'mceVisualChars'});
|
| | |
|
| | | ed.onBeforeGetContent.add(function(ed, o) {
|
| | | if (t.state && o.format != 'raw' && !o.draft) {
|
| | | t.state = true;
|
| | | t._toggleVisualChars(false);
|
| | | }
|
| | | });
|
| | | },
|
| | |
|
| | | getInfo : function() {
|
| | | return {
|
| | | longname : 'Visual characters',
|
| | | author : 'Moxiecode Systems AB',
|
| | | authorurl : 'http://tinymce.moxiecode.com',
|
| | | infourl : 'http://wiki.moxiecode.com/index.php/TinyMCE:Plugins/visualchars',
|
| | | version : tinymce.majorVersion + "." + tinymce.minorVersion
|
| | | };
|
| | | },
|
| | |
|
| | | // Private methods
|
| | |
|
| | | _toggleVisualChars : function(bookmark) {
|
| | | var t = this, ed = t.editor, nl, i, h, d = ed.getDoc(), b = ed.getBody(), nv, s = ed.selection, bo, div, bm;
|
| | |
|
| | | t.state = !t.state;
|
| | | ed.controlManager.setActive('visualchars', t.state);
|
| | |
|
| | | if (bookmark)
|
| | | bm = s.getBookmark();
|
| | |
|
| | | if (t.state) {
|
| | | nl = [];
|
| | | tinymce.walk(b, function(n) {
|
| | | if (n.nodeType == 3 && n.nodeValue && n.nodeValue.indexOf('\u00a0') != -1)
|
| | | nl.push(n);
|
| | | }, 'childNodes');
|
| | |
|
| | | for (i = 0; i < nl.length; i++) {
|
| | | nv = nl[i].nodeValue;
|
| | | nv = nv.replace(/(\u00a0)/g, '<span data-mce-bogus="1" class="mceItemHidden mceItemNbsp">$1</span>');
|
| | |
|
| | | div = ed.dom.create('div', null, nv);
|
| | | while (node = div.lastChild)
|
| | | ed.dom.insertAfter(node, nl[i]);
|
| | |
|
| | | ed.dom.remove(nl[i]);
|
| | | }
|
| | | } else {
|
| | | nl = ed.dom.select('span.mceItemNbsp', b);
|
| | |
|
| | | for (i = nl.length - 1; i >= 0; i--)
|
| | | ed.dom.remove(nl[i], 1);
|
| | | }
|
| | |
|
| | | s.moveToBookmark(bm);
|
| | | }
|
| | | });
|
| | |
|
| | | // Register plugin
|
| | | tinymce.PluginManager.add('visualchars', tinymce.plugins.VisualChars);
|
| | | })(); |
New file |
| | |
| | | (function(){tinymce.create("tinymce.plugins.WordCount",{block:0,id:null,countre:null,cleanre:null,init:function(a,b){var c=this,d=0;c.countre=a.getParam("wordcount_countregex",/[\w\u2019\'-]+/g);c.cleanre=a.getParam("wordcount_cleanregex",/[0-9.(),;:!?%#$?\'\"_+=\\\/-]*/g);c.id=a.id+"-word-count";a.onPostRender.add(function(f,e){var g,h;h=f.getParam("wordcount_target_id");if(!h){g=tinymce.DOM.get(f.id+"_path_row");if(g){tinymce.DOM.add(g.parentNode,"div",{style:"float: right"},f.getLang("wordcount.words","Words: ")+'<span id="'+c.id+'">0</span>')}}else{tinymce.DOM.add(h,"span",{},'<span id="'+c.id+'">0</span>')}});a.onInit.add(function(e){e.selection.onSetContent.add(function(){c._count(e)});c._count(e)});a.onSetContent.add(function(e){c._count(e)});a.onKeyUp.add(function(f,g){if(g.keyCode==d){return}if(13==g.keyCode||8==d||46==d){c._count(f)}d=g.keyCode})},_getCount:function(c){var a=0;var b=c.getContent({format:"raw"});if(b){b=b.replace(/\.\.\./g," ");b=b.replace(/<.[^<>]*?>/g," ").replace(/ | /gi," ");b=b.replace(/(\w+)(&.+?;)+(\w+)/,"$1$3").replace(/&.+?;/g," ");b=b.replace(this.cleanre,"");var d=b.match(this.countre);if(d){a=d.length}}return a},_count:function(a){var b=this;if(b.block){return}b.block=1;setTimeout(function(){if(!a.destroyed){var c=b._getCount(a);tinymce.DOM.setHTML(b.id,c.toString());setTimeout(function(){b.block=0},2000)}},1)},getInfo:function(){return{longname:"Word Count plugin",author:"Moxiecode Systems AB",authorurl:"http://tinymce.moxiecode.com",infourl:"http://wiki.moxiecode.com/index.php/TinyMCE:Plugins/wordcount",version:tinymce.majorVersion+"."+tinymce.minorVersion}}});tinymce.PluginManager.add("wordcount",tinymce.plugins.WordCount)})(); |
New file |
| | |
| | | /**
|
| | | * editor_plugin_src.js
|
| | | *
|
| | | * Copyright 2009, Moxiecode Systems AB
|
| | | * Released under LGPL License.
|
| | | *
|
| | | * License: http://tinymce.moxiecode.com/license
|
| | | * Contributing: http://tinymce.moxiecode.com/contributing
|
| | | */
|
| | |
|
| | | (function() {
|
| | | tinymce.create('tinymce.plugins.WordCount', {
|
| | | block : 0,
|
| | | id : null,
|
| | | countre : null,
|
| | | cleanre : null,
|
| | |
|
| | | init : function(ed, url) {
|
| | | var t = this, last = 0;
|
| | |
|
| | | t.countre = ed.getParam('wordcount_countregex', /[\w\u2019\'-]+/g); // u2019 == ’
|
| | | t.cleanre = ed.getParam('wordcount_cleanregex', /[0-9.(),;:!?%#$?\'\"_+=\\\/-]*/g);
|
| | | t.id = ed.id + '-word-count';
|
| | |
|
| | | ed.onPostRender.add(function(ed, cm) {
|
| | | var row, id;
|
| | |
|
| | | // Add it to the specified id or the theme advanced path
|
| | | id = ed.getParam('wordcount_target_id');
|
| | | if (!id) {
|
| | | row = tinymce.DOM.get(ed.id + '_path_row');
|
| | |
|
| | | if (row)
|
| | | tinymce.DOM.add(row.parentNode, 'div', {'style': 'float: right'}, ed.getLang('wordcount.words', 'Words: ') + '<span id="' + t.id + '">0</span>');
|
| | | } else {
|
| | | tinymce.DOM.add(id, 'span', {}, '<span id="' + t.id + '">0</span>');
|
| | | }
|
| | | });
|
| | |
|
| | | ed.onInit.add(function(ed) {
|
| | | ed.selection.onSetContent.add(function() {
|
| | | t._count(ed);
|
| | | });
|
| | |
|
| | | t._count(ed);
|
| | | });
|
| | |
|
| | | ed.onSetContent.add(function(ed) {
|
| | | t._count(ed);
|
| | | });
|
| | |
|
| | | ed.onKeyUp.add(function(ed, e) {
|
| | | if (e.keyCode == last)
|
| | | return;
|
| | |
|
| | | if (13 == e.keyCode || 8 == last || 46 == last)
|
| | | t._count(ed);
|
| | |
|
| | | last = e.keyCode;
|
| | | });
|
| | | },
|
| | |
|
| | | _getCount : function(ed) {
|
| | | var tc = 0;
|
| | | var tx = ed.getContent({ format: 'raw' });
|
| | |
|
| | | if (tx) {
|
| | | tx = tx.replace(/\.\.\./g, ' '); // convert ellipses to spaces
|
| | | tx = tx.replace(/<.[^<>]*?>/g, ' ').replace(/ | /gi, ' '); // remove html tags and space chars
|
| | |
|
| | | // deal with html entities
|
| | | tx = tx.replace(/(\w+)(&.+?;)+(\w+)/, "$1$3").replace(/&.+?;/g, ' ');
|
| | | tx = tx.replace(this.cleanre, ''); // remove numbers and punctuation
|
| | |
|
| | | var wordArray = tx.match(this.countre);
|
| | | if (wordArray) {
|
| | | tc = wordArray.length;
|
| | | }
|
| | | }
|
| | |
|
| | | return tc;
|
| | | },
|
| | |
|
| | | _count : function(ed) {
|
| | | var t = this;
|
| | |
|
| | | // Keep multiple calls from happening at the same time
|
| | | if (t.block)
|
| | | return;
|
| | |
|
| | | t.block = 1;
|
| | |
|
| | | setTimeout(function() {
|
| | | if (!ed.destroyed) {
|
| | | var tc = t._getCount(ed);
|
| | | tinymce.DOM.setHTML(t.id, tc.toString());
|
| | | setTimeout(function() {t.block = 0;}, 2000);
|
| | | }
|
| | | }, 1);
|
| | | },
|
| | |
|
| | | getInfo: function() {
|
| | | return {
|
| | | longname : 'Word Count plugin',
|
| | | author : 'Moxiecode Systems AB',
|
| | | authorurl : 'http://tinymce.moxiecode.com',
|
| | | infourl : 'http://wiki.moxiecode.com/index.php/TinyMCE:Plugins/wordcount',
|
| | | version : tinymce.majorVersion + "." + tinymce.minorVersion
|
| | | };
|
| | | }
|
| | | });
|
| | |
|
| | | tinymce.PluginManager.add('wordcount', tinymce.plugins.WordCount);
|
| | | })();
|
New file |
| | |
| | | <!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>{#xhtmlxtras_dlg.title_abbr_element}</title>
|
| | | <script type="text/javascript" src="../../tiny_mce_popup.js"></script>
|
| | | <script type="text/javascript" src="../../utils/mctabs.js"></script>
|
| | | <script type="text/javascript" src="../../utils/form_utils.js"></script>
|
| | | <script type="text/javascript" src="../../utils/editable_selects.js"></script>
|
| | | <script type="text/javascript" src="js/element_common.js"></script>
|
| | | <script type="text/javascript" src="js/abbr.js"></script>
|
| | | <link rel="stylesheet" type="text/css" href="css/popup.css" />
|
| | | </head>
|
| | | <body style="display: none" role="application" aria-labelledby="app_title">
|
| | | <span style="display:none;" id="app_title">{#xhtmlxtras_dlg.title_abbr_element}</span>
|
| | | <form onsubmit="insertAbbr();return false;" action="#">
|
| | | <div class="tabs">
|
| | | <ul>
|
| | | <li id="general_tab" class="current" aria-controls="general_panel"><span><a href="javascript:mcTabs.displayTab('general_tab','general_panel');" onmousedown="return false;">{#xhtmlxtras_dlg.general_tab}</a></span></li>
|
| | | <!-- <li id="events_tab"><span><a href="javascript:mcTabs.displayTab('events_tab','events_panel');" onmousedown="return false;">{#xhtmlxtras_dlg.events_tab}</a></span></li> -->
|
| | | </ul>
|
| | | </div>
|
| | |
|
| | | <div class="panel_wrapper">
|
| | | <div id="general_panel" class="panel current">
|
| | | <fieldset>
|
| | | <legend>{#xhtmlxtras_dlg.fieldset_attrib_tab}</legend>
|
| | | <table role="presentation" border="0" cellpadding="0" cellspacing="4">
|
| | | <tr>
|
| | | <td class="label"><label id="titlelabel" for="title">{#xhtmlxtras_dlg.attribute_label_title}</label>:</td> |
| | | <td><input id="title" name="title" type="text" value="" class="field mceFocus" /></td> |
| | | </tr>
|
| | | <tr>
|
| | | <td class="label"><label id="idlabel" for="id">{#xhtmlxtras_dlg.attribute_label_id}</label>:</td> |
| | | <td><input id="id" name="id" type="text" value="" class="field" /></td> |
| | | </tr>
|
| | | <tr>
|
| | | <td class="label"><label id="classlabel" for="class">{#xhtmlxtras_dlg.attribute_label_class}</label>:</td> |
| | | <td>
|
| | | <select id="class" name="class" class="field mceEditableSelect">
|
| | | <option value="">{#not_set}</option> |
| | | </select>
|
| | | </td>
|
| | | </tr>
|
| | | <tr>
|
| | | <td class="label"><label id="stylelabel" for="style">{#xhtmlxtras_dlg.attribute_label_style}</label>:</td> |
| | | <td><input id="style" name="style" type="text" value="" class="field" /></td> |
| | | </tr>
|
| | | <tr>
|
| | | <td class="label"><label id="dirlabel" for="dir">{#xhtmlxtras_dlg.attribute_label_langdir}</label>:</td> |
| | | <td>
|
| | | <select id="dir" name="dir" class="field"> |
| | | <option value="">{#not_set}</option> |
| | | <option value="ltr">{#xhtmlxtras_dlg.attribute_option_ltr}</option> |
| | | <option value="rtl">{#xhtmlxtras_dlg.attribute_option_rtl}</option> |
| | | </select>
|
| | | </td> |
| | | </tr>
|
| | | <tr>
|
| | | <td class="label"><label id="langlabel" for="lang">{#xhtmlxtras_dlg.attribute_label_langcode}</label>:</td> |
| | | <td>
|
| | | <input id="lang" name="lang" type="text" value="" class="field" />
|
| | | </td> |
| | | </tr>
|
| | | </table>
|
| | | </fieldset>
|
| | | </div>
|
| | | <div id="events_panel" class="panel">
|
| | | <fieldset>
|
| | | <legend>{#xhtmlxtras_dlg.fieldset_events_tab}</legend>
|
| | |
|
| | | <table role="presentation" border="0" cellpadding="0" cellspacing="4">
|
| | | <tr>
|
| | | <td class="label"><label for="onfocus">onfocus</label>:</td> |
| | | <td><input id="onfocus" name="onfocus" type="text" value="" class="field" /></td> |
| | | </tr>
|
| | |
|
| | | <tr>
|
| | | <td class="label"><label for="onblur">onblur</label>:</td> |
| | | <td><input id="onblur" name="onblur" type="text" value="" class="field" /></td> |
| | | </tr>
|
| | |
|
| | | <tr>
|
| | | <td class="label"><label for="onclick">onclick</label>:</td> |
| | | <td><input id="onclick" name="onclick" type="text" value="" class="field" /></td> |
| | | </tr>
|
| | |
|
| | | <tr>
|
| | | <td class="label"><label for="ondblclick">ondblclick</label>:</td> |
| | | <td><input id="ondblclick" name="ondblclick" type="text" value="" class="field" /></td> |
| | | </tr>
|
| | |
|
| | | <tr>
|
| | | <td class="label"><label for="onmousedown">onmousedown</label>:</td> |
| | | <td><input id="onmousedown" name="onmousedown" type="text" value="" class="field" /></td> |
| | | </tr>
|
| | |
|
| | | <tr>
|
| | | <td class="label"><label for="onmouseup">onmouseup</label>:</td> |
| | | <td><input id="onmouseup" name="onmouseup" type="text" value="" class="field" /></td> |
| | | </tr>
|
| | |
|
| | | <tr>
|
| | | <td class="label"><label for="onmouseover">onmouseover</label>:</td> |
| | | <td><input id="onmouseover" name="onmouseover" type="text" value="" class="field" /></td> |
| | | </tr>
|
| | |
|
| | | <tr>
|
| | | <td class="label"><label for="onmousemove">onmousemove</label>:</td> |
| | | <td><input id="onmousemove" name="onmousemove" type="text" value="" class="field" /></td> |
| | | </tr>
|
| | |
|
| | | <tr>
|
| | | <td class="label"><label for="onmouseout">onmouseout</label>:</td> |
| | | <td><input id="onmouseout" name="onmouseout" type="text" value="" class="field" /></td> |
| | | </tr>
|
| | |
|
| | | <tr>
|
| | | <td class="label"><label for="onkeypress">onkeypress</label>:</td> |
| | | <td><input id="onkeypress" name="onkeypress" type="text" value="" class="field" /></td> |
| | | </tr>
|
| | |
|
| | | <tr>
|
| | | <td class="label"><label for="onkeydown">onkeydown</label>:</td> |
| | | <td><input id="onkeydown" name="onkeydown" type="text" value="" class="field" /></td> |
| | | </tr>
|
| | |
|
| | | <tr>
|
| | | <td class="label"><label for="onkeyup">onkeyup</label>:</td> |
| | | <td><input id="onkeyup" name="onkeyup" type="text" value="" class="field" /></td> |
| | | </tr>
|
| | | </table>
|
| | | </fieldset>
|
| | | </div>
|
| | | </div>
|
| | | <div class="mceActionPanel">
|
| | | <input type="submit" id="insert" name="insert" value="{#update}" />
|
| | | <input type="button" id="remove" name="remove" class="button" value="{#xhtmlxtras_dlg.remove}" onclick="removeAbbr();" style="display: none;" />
|
| | | <input type="button" id="cancel" name="cancel" value="{#cancel}" onclick="tinyMCEPopup.close();" />
|
| | | </div>
|
| | | </form>
|
| | | </body>
|
| | | </html>
|
New file |
| | |
| | | <!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>{#xhtmlxtras_dlg.title_acronym_element}</title>
|
| | | <script type="text/javascript" src="../../tiny_mce_popup.js"></script>
|
| | | <script type="text/javascript" src="../../utils/mctabs.js"></script>
|
| | | <script type="text/javascript" src="../../utils/form_utils.js"></script>
|
| | | <script type="text/javascript" src="../../utils/editable_selects.js"></script>
|
| | | <script type="text/javascript" src="js/element_common.js"></script>
|
| | | <script type="text/javascript" src="js/acronym.js"></script>
|
| | | <link rel="stylesheet" type="text/css" href="css/popup.css" />
|
| | | </head>
|
| | | <body style="display: none" role="application" aria-labelledby="app_title">
|
| | | <span style="display:none;" id="app_title">{#xhtmlxtras_dlg.title_acronym_element}</span>
|
| | | <form onsubmit="insertAcronym();return false;" action="#">
|
| | | <div class="tabs">
|
| | | <ul>
|
| | | <li id="general_tab" class="current" aria-controls="general_panel"><span><a href="javascript:mcTabs.displayTab('general_tab','general_panel');" onmousedown="return false;">{#xhtmlxtras_dlg.general_tab}</a></span></li>
|
| | | <!-- <li id="events_tab"><span><a href="javascript:mcTabs.displayTab('events_tab','events_panel');" onmousedown="return false;">{#xhtmlxtras_dlg.events_tab}</a></span></li> -->
|
| | | </ul>
|
| | | </div>
|
| | |
|
| | | <div class="panel_wrapper">
|
| | | <div id="general_panel" class="panel current">
|
| | | <fieldset>
|
| | | <legend>{#xhtmlxtras_dlg.fieldset_attrib_tab}</legend>
|
| | | <table role="presentation" border="0" cellpadding="0" cellspacing="4">
|
| | | <tr>
|
| | | <td class="label"><label id="titlelabel" for="title">{#xhtmlxtras_dlg.attribute_label_title}</label>:</td> |
| | | <td><input id="title" name="title" type="text" value="" class="field mceFocus" /></td> |
| | | </tr>
|
| | | <tr>
|
| | | <td class="label"><label id="idlabel" for="id">{#xhtmlxtras_dlg.attribute_label_id}</label>:</td> |
| | | <td><input id="id" name="id" type="text" value="" class="field" /></td> |
| | | </tr>
|
| | | <tr>
|
| | | <td class="label"><label id="classlabel" for="class">{#xhtmlxtras_dlg.attribute_label_class}</label>:</td> |
| | | <td>
|
| | | <select id="class" name="class" class="field mceEditableSelect">
|
| | | <option value="">{#not_set}</option> |
| | | </select>
|
| | | </td>
|
| | | </tr>
|
| | | <tr>
|
| | | <td class="label"><label id="stylelabel" for="style">{#xhtmlxtras_dlg.attribute_label_style}</label>:</td> |
| | | <td><input id="style" name="style" type="text" value="" class="field" /></td> |
| | | </tr>
|
| | | <tr>
|
| | | <td class="label"><label id="dirlabel" for="dir">{#xhtmlxtras_dlg.attribute_label_langdir}</label>:</td> |
| | | <td>
|
| | | <select id="dir" name="dir" class="field"> |
| | | <option value="">{#not_set}</option> |
| | | <option value="ltr">{#xhtmlxtras_dlg.attribute_option_ltr}</option> |
| | | <option value="rtl">{#xhtmlxtras_dlg.attribute_option_rtl}</option> |
| | | </select>
|
| | | </td> |
| | | </tr>
|
| | | <tr>
|
| | | <td class="label"><label id="langlabel" for="lang">{#xhtmlxtras_dlg.attribute_label_langcode}</label>:</td> |
| | | <td>
|
| | | <input id="lang" name="lang" type="text" value="" class="field" />
|
| | | </td> |
| | | </tr>
|
| | | </table>
|
| | | </fieldset>
|
| | | </div>
|
| | | <div id="events_panel" class="panel">
|
| | | <fieldset>
|
| | | <legend>{#xhtmlxtras_dlg.fieldset_events_tab}</legend>
|
| | |
|
| | | <table role="presentation" border="0" cellpadding="0" cellspacing="4">
|
| | | <tr>
|
| | | <td class="label"><label for="onfocus">onfocus</label>:</td> |
| | | <td><input id="onfocus" name="onfocus" type="text" value="" class="field" /></td> |
| | | </tr>
|
| | |
|
| | | <tr>
|
| | | <td class="label"><label for="onblur">onblur</label>:</td> |
| | | <td><input id="onblur" name="onblur" type="text" value="" class="field" /></td> |
| | | </tr>
|
| | |
|
| | | <tr>
|
| | | <td class="label"><label for="onclick">onclick</label>:</td> |
| | | <td><input id="onclick" name="onclick" type="text" value="" class="field" /></td> |
| | | </tr>
|
| | |
|
| | | <tr>
|
| | | <td class="label"><label for="ondblclick">ondblclick</label>:</td> |
| | | <td><input id="ondblclick" name="ondblclick" type="text" value="" class="field" /></td> |
| | | </tr>
|
| | |
|
| | | <tr>
|
| | | <td class="label"><label for="onmousedown">onmousedown</label>:</td> |
| | | <td><input id="onmousedown" name="onmousedown" type="text" value="" class="field" /></td> |
| | | </tr>
|
| | |
|
| | | <tr>
|
| | | <td class="label"><label for="onmouseup">onmouseup</label>:</td> |
| | | <td><input id="onmouseup" name="onmouseup" type="text" value="" class="field" /></td> |
| | | </tr>
|
| | |
|
| | | <tr>
|
| | | <td class="label"><label for="onmouseover">onmouseover</label>:</td> |
| | | <td><input id="onmouseover" name="onmouseover" type="text" value="" class="field" /></td> |
| | | </tr>
|
| | |
|
| | | <tr>
|
| | | <td class="label"><label for="onmousemove">onmousemove</label>:</td> |
| | | <td><input id="onmousemove" name="onmousemove" type="text" value="" class="field" /></td> |
| | | </tr>
|
| | |
|
| | | <tr>
|
| | | <td class="label"><label for="onmouseout">onmouseout</label>:</td> |
| | | <td><input id="onmouseout" name="onmouseout" type="text" value="" class="field" /></td> |
| | | </tr>
|
| | |
|
| | | <tr>
|
| | | <td class="label"><label for="onkeypress">onkeypress</label>:</td> |
| | | <td><input id="onkeypress" name="onkeypress" type="text" value="" class="field" /></td> |
| | | </tr>
|
| | |
|
| | | <tr>
|
| | | <td class="label"><label for="onkeydown">onkeydown</label>:</td> |
| | | <td><input id="onkeydown" name="onkeydown" type="text" value="" class="field" /></td> |
| | | </tr>
|
| | |
|
| | | <tr>
|
| | | <td class="label"><label for="onkeyup">onkeyup</label>:</td> |
| | | <td><input id="onkeyup" name="onkeyup" type="text" value="" class="field" /></td> |
| | | </tr>
|
| | | </table>
|
| | | </fieldset>
|
| | | </div>
|
| | | </div>
|
| | | <div class="mceActionPanel">
|
| | | <input type="submit" id="insert" name="insert" value="{#update}" />
|
| | | <input type="button" id="remove" name="remove" class="button" value="{#xhtmlxtras_dlg.remove}" onclick="removeAcronym();" style="display: none;" />
|
| | | <input type="button" id="cancel" name="cancel" value="{#cancel}" onclick="tinyMCEPopup.close();" />
|
| | | </div>
|
| | | </form>
|
| | | </body>
|
| | | </html>
|
New file |
| | |
| | | <!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>{#xhtmlxtras_dlg.attribs_title}</title>
|
| | | <script type="text/javascript" src="../../tiny_mce_popup.js"></script>
|
| | | <script type="text/javascript" src="../../utils/mctabs.js"></script>
|
| | | <script type="text/javascript" src="../../utils/editable_selects.js"></script>
|
| | | <script type="text/javascript" src="../../utils/form_utils.js"></script>
|
| | | <script type="text/javascript" src="js/attributes.js"></script>
|
| | | <link rel="stylesheet" type="text/css" href="css/attributes.css" />
|
| | | </head>
|
| | | <body style="display: none" role="application" aria-labelledby="app_title">
|
| | | <span style="display:none;" id="app_title">{#xhtmlxtras_dlg.attribs_title}</span>
|
| | | <form onsubmit="insertAction();return false;" action="#">
|
| | | <div class="tabs">
|
| | | <ul>
|
| | | <li id="general_tab" class="current" aria-controls="general_panel"><span><a href="javascript:mcTabs.displayTab('general_tab','general_panel');" onmousedown="return false;">{#xhtmlxtras_dlg.attribute_attrib_tab}</a></span></li>
|
| | | <li id="events_tab" aria-controls="events_panel"><span><a href="javascript:mcTabs.displayTab('events_tab','events_panel');" onmousedown="return false;">{#xhtmlxtras_dlg.attribute_events_tab}</a></span></li>
|
| | | </ul>
|
| | | </div>
|
| | |
|
| | | <div class="panel_wrapper">
|
| | | <div id="general_panel" class="panel current">
|
| | | <fieldset>
|
| | | <legend>{#xhtmlxtras_dlg.attribute_attrib_tab}</legend>
|
| | | <table role="presentation" border="0" cellpadding="0" cellspacing="4">
|
| | | <tr>
|
| | | <td class="label"><label id="titlelabel" for="title">{#xhtmlxtras_dlg.attribute_label_title}</label>:</td> |
| | | <td><input id="title" name="title" type="text" value="" class="mceFocus" /></td> |
| | | </tr>
|
| | | <tr>
|
| | | <td class="label"><label id="idlabel" for="id">{#xhtmlxtras_dlg.attribute_label_id}</label>:</td> |
| | | <td><input id="id" name="id" type="text" value="" /></td> |
| | | </tr>
|
| | | <tr>
|
| | | <td><label id="classlabel" for="classlist">{#class_name}</label></td>
|
| | | <td>
|
| | | <select id="classlist" name="classlist" class="mceEditableSelect">
|
| | | <option value="" selected="selected">{#not_set}</option>
|
| | | </select>
|
| | | </td>
|
| | | </tr>
|
| | | <tr>
|
| | | <td class="label"><label id="stylelabel" for="style">{#xhtmlxtras_dlg.attribute_label_style}</label>:</td> |
| | | <td><input id="style" name="style" type="text" value="" /></td> |
| | | </tr>
|
| | | <tr>
|
| | | <td class="label"><label id="dirlabel" for="dir">{#xhtmlxtras_dlg.attribute_label_langdir}</label>:</td> |
| | | <td>
|
| | | <select id="dir" name="dir"> |
| | | <option value="">{#not_set}</option> |
| | | <option value="ltr">{#xhtmlxtras_dlg.option_ltr}</option> |
| | | <option value="rtl">{#xhtmlxtras_dlg.option_rtl}</option> |
| | | </select>
|
| | | </td> |
| | | </tr>
|
| | | <tr>
|
| | | <td class="label"><label id="langlabel" for="lang">{#xhtmlxtras_dlg.attribute_label_langcode}</label>:</td> |
| | | <td>
|
| | | <input id="lang" name="lang" type="text" value="" />
|
| | | </td> |
| | | </tr>
|
| | | <tr>
|
| | | <td><label id="tabindexlabel" for="tabindex">{#xhtmlxtras_dlg.attribute_label_tabindex}</label></td>
|
| | | <td><input type="text" id="tabindex" name="tabindex" value="" /></td>
|
| | | </tr>
|
| | |
|
| | | <tr>
|
| | | <td><label id="accesskeylabel" for="accesskey">{#xhtmlxtras_dlg.attribute_label_accesskey}</label></td>
|
| | | <td><input type="text" id="accesskey" name="accesskey" value="" /></td>
|
| | | </tr>
|
| | | </table>
|
| | | </fieldset>
|
| | | </div>
|
| | | <div id="events_panel" class="panel">
|
| | | <fieldset>
|
| | | <legend>{#xhtmlxtras_dlg.attribute_events_tab}</legend>
|
| | |
|
| | | <table role="presentation" border="0" cellpadding="0" cellspacing="4">
|
| | | <tr>
|
| | | <td class="label"><label for="onfocus">onfocus</label>:</td> |
| | | <td><input id="onfocus" name="onfocus" type="text" value="" /></td> |
| | | </tr>
|
| | |
|
| | | <tr>
|
| | | <td class="label"><label for="onblur">onblur</label>:</td> |
| | | <td><input id="onblur" name="onblur" type="text" value="" /></td> |
| | | </tr>
|
| | |
|
| | | <tr>
|
| | | <td class="label"><label for="onclick">onclick</label>:</td> |
| | | <td><input id="onclick" name="onclick" type="text" value="" /></td> |
| | | </tr>
|
| | |
|
| | | <tr>
|
| | | <td class="label"><label for="ondblclick">ondblclick</label>:</td> |
| | | <td><input id="ondblclick" name="ondblclick" type="text" value="" /></td> |
| | | </tr>
|
| | |
|
| | | <tr>
|
| | | <td class="label"><label for="onmousedown">onmousedown</label>:</td> |
| | | <td><input id="onmousedown" name="onmousedown" type="text" value="" /></td> |
| | | </tr>
|
| | |
|
| | | <tr>
|
| | | <td class="label"><label for="onmouseup">onmouseup</label>:</td> |
| | | <td><input id="onmouseup" name="onmouseup" type="text" value="" /></td> |
| | | </tr>
|
| | |
|
| | | <tr>
|
| | | <td class="label"><label for="onmouseover">onmouseover</label>:</td> |
| | | <td><input id="onmouseover" name="onmouseover" type="text" value="" /></td> |
| | | </tr>
|
| | |
|
| | | <tr>
|
| | | <td class="label"><label for="onmousemove">onmousemove</label>:</td> |
| | | <td><input id="onmousemove" name="onmousemove" type="text" value="" /></td> |
| | | </tr>
|
| | |
|
| | | <tr>
|
| | | <td class="label"><label for="onmouseout">onmouseout</label>:</td> |
| | | <td><input id="onmouseout" name="onmouseout" type="text" value="" /></td> |
| | | </tr>
|
| | |
|
| | | <tr>
|
| | | <td class="label"><label for="onkeypress">onkeypress</label>:</td> |
| | | <td><input id="onkeypress" name="onkeypress" type="text" value="" /></td> |
| | | </tr>
|
| | |
|
| | | <tr>
|
| | | <td class="label"><label for="onkeydown">onkeydown</label>:</td> |
| | | <td><input id="onkeydown" name="onkeydown" type="text" value="" /></td> |
| | | </tr>
|
| | |
|
| | | <tr>
|
| | | <td class="label"><label for="onkeyup">onkeyup</label>:</td> |
| | | <td><input id="onkeyup" name="onkeyup" type="text" value="" /></td> |
| | | </tr>
|
| | | </table>
|
| | | </fieldset>
|
| | | </div>
|
| | | </div>
|
| | | <div class="mceActionPanel">
|
| | | <input type="submit" id="insert" name="insert" value="{#insert}" />
|
| | | <input type="button" id="cancel" name="cancel" value="{#cancel}" onclick="tinyMCEPopup.close();" />
|
| | | </div>
|
| | | </form>
|
| | | </body>
|
| | | </html>
|
New file |
| | |
| | | <!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>{#xhtmlxtras_dlg.title_cite_element}</title>
|
| | | <script type="text/javascript" src="../../tiny_mce_popup.js"></script>
|
| | | <script type="text/javascript" src="../../utils/mctabs.js"></script>
|
| | | <script type="text/javascript" src="../../utils/form_utils.js"></script>
|
| | | <script type="text/javascript" src="../../utils/editable_selects.js"></script>
|
| | | <script type="text/javascript" src="js/element_common.js"></script>
|
| | | <script type="text/javascript" src="js/cite.js"></script>
|
| | | <link rel="stylesheet" type="text/css" href="css/popup.css" />
|
| | | </head>
|
| | | <body style="display: none" role="application" aria-labelledby="app_title">
|
| | | <span style="display:none;" id="app_title">{#xhtmlxtras_dlg.title_cite_element}</span>
|
| | | <form onsubmit="insertCite();return false;" action="#">
|
| | | <div class="tabs">
|
| | | <ul>
|
| | | <li id="general_tab" class="current" aria-controls="general_panel"><span><a href="javascript:mcTabs.displayTab('general_tab','general_panel');" onmousedown="return false;">{#xhtmlxtras_dlg.general_tab}</a></span></li>
|
| | | <!-- <li id="events_tab"><span><a href="javascript:mcTabs.displayTab('events_tab','events_panel');" onmousedown="return false;">{#xhtmlxtras_dlg.events_tab}</a></span></li> -->
|
| | | </ul>
|
| | | </div>
|
| | |
|
| | | <div class="panel_wrapper">
|
| | | <div id="general_panel" class="panel current">
|
| | | <fieldset>
|
| | | <legend>{#xhtmlxtras_dlg.fieldset_attrib_tab}</legend>
|
| | | <table role="presentation" border="0" cellpadding="0" cellspacing="4">
|
| | | <tr>
|
| | | <td class="label"><label id="titlelabel" for="title">{#xhtmlxtras_dlg.attribute_label_title}</label>:</td> |
| | | <td><input id="title" name="title" type="text" value="" class="field mceFocus" /></td> |
| | | </tr>
|
| | | <tr>
|
| | | <td class="label"><label id="idlabel" for="id">{#xhtmlxtras_dlg.attribute_label_id}</label>:</td> |
| | | <td><input id="id" name="id" type="text" value="" class="field" /></td> |
| | | </tr>
|
| | | <tr>
|
| | | <td class="label"><label id="classlabel" for="class">{#xhtmlxtras_dlg.attribute_label_class}</label>:</td> |
| | | <td>
|
| | | <select id="class" name="class" class="field mceEditableSelect">
|
| | | <option value="">{#not_set}</option> |
| | | </select>
|
| | | </td>
|
| | | </tr>
|
| | | <tr>
|
| | | <td class="label"><label id="stylelabel" for="class">{#xhtmlxtras_dlg.attribute_label_style}</label>:</td> |
| | | <td><input id="style" name="style" type="text" value="" class="field" /></td> |
| | | </tr>
|
| | | <tr>
|
| | | <td class="label"><label id="dirlabel" for="dir">{#xhtmlxtras_dlg.attribute_label_langdir}</label>:</td> |
| | | <td>
|
| | | <select id="dir" name="dir" class="field"> |
| | | <option value="">{#not_set}</option> |
| | | <option value="ltr">{#xhtmlxtras_dlg.attribute_option_ltr}</option> |
| | | <option value="rtl">{#xhtmlxtras_dlg.attribute_option_rtl}</option> |
| | | </select>
|
| | | </td> |
| | | </tr>
|
| | | <tr>
|
| | | <td class="label"><label id="langlabel" for="lang">{#xhtmlxtras_dlg.attribute_label_langcode}</label>:</td> |
| | | <td>
|
| | | <input id="lang" name="lang" type="text" value="" class="field" />
|
| | | </td> |
| | | </tr>
|
| | | </table>
|
| | | </fieldset>
|
| | | </div>
|
| | | <div id="events_panel" class="panel">
|
| | | <fieldset>
|
| | | <legend>{#xhtmlxtras_dlg.fieldset_events_tab}</legend>
|
| | |
|
| | | <table role="presentation" border="0" cellpadding="0" cellspacing="4">
|
| | | <tr>
|
| | | <td class="label"><label for="onfocus">onfocus</label>:</td> |
| | | <td><input id="onfocus" name="onfocus" type="text" value="" class="field" /></td> |
| | | </tr>
|
| | |
|
| | | <tr>
|
| | | <td class="label"><label for="onblur">onblur</label>:</td> |
| | | <td><input id="onblur" name="onblur" type="text" value="" class="field" /></td> |
| | | </tr>
|
| | |
|
| | | <tr>
|
| | | <td class="label"><label for="onclick">onclick</label>:</td> |
| | | <td><input id="onclick" name="onclick" type="text" value="" class="field" /></td> |
| | | </tr>
|
| | |
|
| | | <tr>
|
| | | <td class="label"><label for="ondblclick">ondblclick</label>:</td> |
| | | <td><input id="ondblclick" name="ondblclick" type="text" value="" class="field" /></td> |
| | | </tr>
|
| | |
|
| | | <tr>
|
| | | <td class="label"><label for="onmousedown">onmousedown</label>:</td> |
| | | <td><input id="onmousedown" name="onmousedown" type="text" value="" class="field" /></td> |
| | | </tr>
|
| | |
|
| | | <tr>
|
| | | <td class="label"><label for="onmouseup">onmouseup</label>:</td> |
| | | <td><input id="onmouseup" name="onmouseup" type="text" value="" class="field" /></td> |
| | | </tr>
|
| | |
|
| | | <tr>
|
| | | <td class="label"><label for="onmouseover">onmouseover</label>:</td> |
| | | <td><input id="onmouseover" name="onmouseover" type="text" value="" class="field" /></td> |
| | | </tr>
|
| | |
|
| | | <tr>
|
| | | <td class="label"><label for="onmousemove">onmousemove</label>:</td> |
| | | <td><input id="onmousemove" name="onmousemove" type="text" value="" class="field" /></td> |
| | | </tr>
|
| | |
|
| | | <tr>
|
| | | <td class="label"><label for="onmouseout">onmouseout</label>:</td> |
| | | <td><input id="onmouseout" name="onmouseout" type="text" value="" class="field" /></td> |
| | | </tr>
|
| | |
|
| | | <tr>
|
| | | <td class="label"><label for="onkeypress">onkeypress</label>:</td> |
| | | <td><input id="onkeypress" name="onkeypress" type="text" value="" class="field" /></td> |
| | | </tr>
|
| | |
|
| | | <tr>
|
| | | <td class="label"><label for="onkeydown">onkeydown</label>:</td> |
| | | <td><input id="onkeydown" name="onkeydown" type="text" value="" class="field" /></td> |
| | | </tr>
|
| | |
|
| | | <tr>
|
| | | <td class="label"><label for="onkeyup">onkeyup</label>:</td> |
| | | <td><input id="onkeyup" name="onkeyup" type="text" value="" class="field" /></td> |
| | | </tr>
|
| | | </table>
|
| | | </fieldset>
|
| | | </div>
|
| | | </div>
|
| | | <div class="mceActionPanel">
|
| | | <input type="submit" id="insert" name="insert" value="{#update}" />
|
| | | <input type="button" id="remove" name="remove" class="button" value="{#xhtmlxtras_dlg.remove}" onclick="removeCite();" style="display: none;" />
|
| | | <input type="button" id="cancel" name="cancel" value="{#cancel}" onclick="tinyMCEPopup.close();" />
|
| | | </div>
|
| | | </form>
|
| | | </body>
|
| | | </html>
|
New file |
| | |
| | | .panel_wrapper div.current {
|
| | | height: 290px;
|
| | | }
|
| | |
|
| | | #id, #style, #title, #dir, #hreflang, #lang, #classlist, #tabindex, #accesskey {
|
| | | width: 200px;
|
| | | }
|
| | |
|
| | | #events_panel input {
|
| | | width: 200px;
|
| | | }
|
New file |
| | |
| | | input.field, select.field {width:200px;}
|
| | | input.picker {width:179px; margin-left: 5px;}
|
| | | input.disabled {border-color:#F2F2F2;}
|
| | | img.picker {vertical-align:text-bottom; cursor:pointer;}
|
| | | h1 {padding: 0 0 5px 0;}
|
| | | .panel_wrapper div.current {height:160px;}
|
| | | #xhtmlxtrasdel .panel_wrapper div.current, #xhtmlxtrasins .panel_wrapper div.current {height: 230px;}
|
| | | a.browse span {display:block; width:20px; height:20px; background:url('../../../themes/advanced/img/icons.gif') -140px -20px;}
|
| | | #datetime {width:180px;}
|
New file |
| | |
| | | <!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>{#xhtmlxtras_dlg.title_del_element}</title>
|
| | | <script type="text/javascript" src="../../tiny_mce_popup.js"></script>
|
| | | <script type="text/javascript" src="../../utils/mctabs.js"></script>
|
| | | <script type="text/javascript" src="../../utils/form_utils.js"></script>
|
| | | <script type="text/javascript" src="../../utils/editable_selects.js"></script>
|
| | | <script type="text/javascript" src="js/element_common.js"></script>
|
| | | <script type="text/javascript" src="js/del.js"></script>
|
| | | <link rel="stylesheet" type="text/css" href="css/popup.css" />
|
| | | </head>
|
| | | <body id="xhtmlxtrasins" style="display: none" role="application" aria-labelledby="app_title">
|
| | | <span style="display:none;" id="app_title">{#xhtmlxtras_dlg.title_del_element}</span>
|
| | | <form onsubmit="insertDel();return false;" action="#">
|
| | | <div class="tabs">
|
| | | <ul>
|
| | | <li id="general_tab" class="current" aria-controls="general_panel"><span><a href="javascript:mcTabs.displayTab('general_tab','general_panel');" onmousedown="return false;">{#xhtmlxtras_dlg.general_tab}</a></span></li>
|
| | | <!-- <li id="events_tab"><span><a href="javascript:mcTabs.displayTab('events_tab','events_panel');" onmousedown="return false;">{#xhtmlxtras_dlg.events_tab}</a></span></li> -->
|
| | | </ul>
|
| | | </div>
|
| | |
|
| | | <div class="panel_wrapper">
|
| | | <div id="general_panel" class="panel current">
|
| | | <fieldset>
|
| | | <legend>{#xhtmlxtras_dlg.fieldset_general_tab}</legend>
|
| | | <table role="presentation" border="0" cellpadding="0" cellspacing="4">
|
| | | <tr>
|
| | | <td class="label"><label id="datetimelabel" for="datetime">{#xhtmlxtras_dlg.attribute_label_datetime}</label>:</td>
|
| | | <td>
|
| | | <table role="presentation" border="0" cellspacing="0" cellpadding="0">
|
| | | <tr> |
| | | <td><input id="datetime" name="datetime" type="text" value="" maxlength="19" class="field mceFocus" /></td> |
| | | <td><a href="javascript:insertDateTime('datetime');" onmousedown="return false;" class="browse" role="button" aria-labelledby="datetimelabel"><span class="datetime" title="{#xhtmlxtras_dlg.insert_date}"></span></a></td>
|
| | | </tr>
|
| | | </table>
|
| | | </td>
|
| | | </tr>
|
| | | <tr>
|
| | | <td class="label"><label id="citelabel" for="cite">{#xhtmlxtras_dlg.attribute_label_cite}</label>:</td>
|
| | | <td><input id="cite" name="cite" type="text" value="" class="field" /></td> |
| | | </tr>
|
| | | </table>
|
| | | </fieldset>
|
| | | <fieldset>
|
| | | <legend>{#xhtmlxtras_dlg.fieldset_attrib_tab}</legend>
|
| | | <table role="presentation" border="0" cellpadding="0" cellspacing="4">
|
| | | <tr>
|
| | | <td class="label"><label id="titlelabel" for="title">{#xhtmlxtras_dlg.attribute_label_title}</label>:</td> |
| | | <td><input id="title" name="title" type="text" value="" class="field" /></td> |
| | | </tr>
|
| | | <tr>
|
| | | <td class="label"><label id="idlabel" for="id">{#xhtmlxtras_dlg.attribute_label_id}</label>:</td> |
| | | <td><input id="id" name="id" type="text" value="" class="field" /></td> |
| | | </tr>
|
| | | <tr>
|
| | | <td class="label"><label id="classlabel" for="class">{#xhtmlxtras_dlg.attribute_label_class}</label>:</td> |
| | | <td>
|
| | | <select id="class" name="class" class="field mceEditableSelect">
|
| | | <option value="">{#not_set}</option> |
| | | </select>
|
| | | </td>
|
| | | </tr>
|
| | | <tr>
|
| | | <td class="label"><label id="stylelabel" for="style">{#xhtmlxtras_dlg.attribute_label_style}</label>:</td> |
| | | <td><input id="style" name="style" type="text" value="" class="field" /></td> |
| | | </tr>
|
| | | <tr>
|
| | | <td class="label"><label id="dirlabel" for="dir">{#xhtmlxtras_dlg.attribute_label_langdir}</label>:</td> |
| | | <td>
|
| | | <select id="dir" name="dir" class="field"> |
| | | <option value="">{#not_set}</option> |
| | | <option value="ltr">{#xhtmlxtras_dlg.attribute_option_ltr}</option> |
| | | <option value="rtl">{#xhtmlxtras_dlg.attribute_option_rtl}</option> |
| | | </select>
|
| | | </td> |
| | | </tr>
|
| | | <tr>
|
| | | <td class="label"><label id="langlabel" for="lang">{#xhtmlxtras_dlg.attribute_label_langcode}</label>:</td> |
| | | <td>
|
| | | <input id="lang" name="lang" type="text" value="" class="field" />
|
| | | </td> |
| | | </tr>
|
| | | </table>
|
| | | </fieldset>
|
| | | </div>
|
| | | <div id="events_panel" class="panel">
|
| | | <fieldset>
|
| | | <legend>{#xhtmlxtras_dlg.fieldset_events_tab}</legend>
|
| | |
|
| | | <table role="presentation" border="0" cellpadding="0" cellspacing="4">
|
| | | <tr>
|
| | | <td class="label"><label for="onfocus">onfocus</label>:</td> |
| | | <td><input id="onfocus" name="onfocus" type="text" value="" class="field" /></td> |
| | | </tr>
|
| | |
|
| | | <tr>
|
| | | <td class="label"><label for="onblur">onblur</label>:</td> |
| | | <td><input id="onblur" name="onblur" type="text" value="" class="field" /></td> |
| | | </tr>
|
| | |
|
| | | <tr>
|
| | | <td class="label"><label for="onclick">onclick</label>:</td> |
| | | <td><input id="onclick" name="onclick" type="text" value="" class="field" /></td> |
| | | </tr>
|
| | |
|
| | | <tr>
|
| | | <td class="label"><label for="ondblclick">ondblclick</label>:</td> |
| | | <td><input id="ondblclick" name="ondblclick" type="text" value="" class="field" /></td> |
| | | </tr>
|
| | |
|
| | | <tr>
|
| | | <td class="label"><label for="onmousedown">onmousedown</label>:</td> |
| | | <td><input id="onmousedown" name="onmousedown" type="text" value="" class="field" /></td> |
| | | </tr>
|
| | |
|
| | | <tr>
|
| | | <td class="label"><label for="onmouseup">onmouseup</label>:</td> |
| | | <td><input id="onmouseup" name="onmouseup" type="text" value="" class="field" /></td> |
| | | </tr>
|
| | |
|
| | | <tr>
|
| | | <td class="label"><label for="onmouseover">onmouseover</label>:</td> |
| | | <td><input id="onmouseover" name="onmouseover" type="text" value="" class="field" /></td> |
| | | </tr>
|
| | |
|
| | | <tr>
|
| | | <td class="label"><label for="onmousemove">onmousemove</label>:</td> |
| | | <td><input id="onmousemove" name="onmousemove" type="text" value="" class="field" /></td> |
| | | </tr>
|
| | |
|
| | | <tr>
|
| | | <td class="label"><label for="onmouseout">onmouseout</label>:</td> |
| | | <td><input id="onmouseout" name="onmouseout" type="text" value="" class="field" /></td> |
| | | </tr>
|
| | |
|
| | | <tr>
|
| | | <td class="label"><label for="onkeypress">onkeypress</label>:</td> |
| | | <td><input id="onkeypress" name="onkeypress" type="text" value="" class="field" /></td> |
| | | </tr>
|
| | |
|
| | | <tr>
|
| | | <td class="label"><label for="onkeydown">onkeydown</label>:</td> |
| | | <td><input id="onkeydown" name="onkeydown" type="text" value="" class="field" /></td> |
| | | </tr>
|
| | |
|
| | | <tr>
|
| | | <td class="label"><label for="onkeyup">onkeyup</label>:</td> |
| | | <td><input id="onkeyup" name="onkeyup" type="text" value="" class="field" /></td> |
| | | </tr>
|
| | | </table>
|
| | | </fieldset>
|
| | | </div>
|
| | | </div>
|
| | | <div class="mceActionPanel">
|
| | | <input type="submit" id="insert" name="insert" value="{#update}" />
|
| | | <input type="button" id="remove" name="remove" class="button" value="{#xhtmlxtras_dlg.remove}" onclick="removeDel();" style="display: none;" />
|
| | | <input type="button" id="cancel" name="cancel" value="{#cancel}" onclick="tinyMCEPopup.close();" />
|
| | | </div>
|
| | | </form>
|
| | | </body>
|
| | | </html>
|
New file |
| | |
| | | (function(){tinymce.create("tinymce.plugins.XHTMLXtrasPlugin",{init:function(a,b){a.addCommand("mceCite",function(){a.windowManager.open({file:b+"/cite.htm",width:350+parseInt(a.getLang("xhtmlxtras.cite_delta_width",0)),height:250+parseInt(a.getLang("xhtmlxtras.cite_delta_height",0)),inline:1},{plugin_url:b})});a.addCommand("mceAcronym",function(){a.windowManager.open({file:b+"/acronym.htm",width:350+parseInt(a.getLang("xhtmlxtras.acronym_delta_width",0)),height:250+parseInt(a.getLang("xhtmlxtras.acronym_delta_height",0)),inline:1},{plugin_url:b})});a.addCommand("mceAbbr",function(){a.windowManager.open({file:b+"/abbr.htm",width:350+parseInt(a.getLang("xhtmlxtras.abbr_delta_width",0)),height:250+parseInt(a.getLang("xhtmlxtras.abbr_delta_height",0)),inline:1},{plugin_url:b})});a.addCommand("mceDel",function(){a.windowManager.open({file:b+"/del.htm",width:340+parseInt(a.getLang("xhtmlxtras.del_delta_width",0)),height:310+parseInt(a.getLang("xhtmlxtras.del_delta_height",0)),inline:1},{plugin_url:b})});a.addCommand("mceIns",function(){a.windowManager.open({file:b+"/ins.htm",width:340+parseInt(a.getLang("xhtmlxtras.ins_delta_width",0)),height:310+parseInt(a.getLang("xhtmlxtras.ins_delta_height",0)),inline:1},{plugin_url:b})});a.addCommand("mceAttributes",function(){a.windowManager.open({file:b+"/attributes.htm",width:380+parseInt(a.getLang("xhtmlxtras.attr_delta_width",0)),height:370+parseInt(a.getLang("xhtmlxtras.attr_delta_height",0)),inline:1},{plugin_url:b})});a.addButton("cite",{title:"xhtmlxtras.cite_desc",cmd:"mceCite"});a.addButton("acronym",{title:"xhtmlxtras.acronym_desc",cmd:"mceAcronym"});a.addButton("abbr",{title:"xhtmlxtras.abbr_desc",cmd:"mceAbbr"});a.addButton("del",{title:"xhtmlxtras.del_desc",cmd:"mceDel"});a.addButton("ins",{title:"xhtmlxtras.ins_desc",cmd:"mceIns"});a.addButton("attribs",{title:"xhtmlxtras.attribs_desc",cmd:"mceAttributes"});a.onNodeChange.add(function(d,c,f,e){f=d.dom.getParent(f,"CITE,ACRONYM,ABBR,DEL,INS");c.setDisabled("cite",e);c.setDisabled("acronym",e);c.setDisabled("abbr",e);c.setDisabled("del",e);c.setDisabled("ins",e);c.setDisabled("attribs",f&&f.nodeName=="BODY");c.setActive("cite",0);c.setActive("acronym",0);c.setActive("abbr",0);c.setActive("del",0);c.setActive("ins",0);if(f){do{c.setDisabled(f.nodeName.toLowerCase(),0);c.setActive(f.nodeName.toLowerCase(),1)}while(f=f.parentNode)}});a.onPreInit.add(function(){a.dom.create("abbr")})},getInfo:function(){return{longname:"XHTML Xtras Plugin",author:"Moxiecode Systems AB",authorurl:"http://tinymce.moxiecode.com",infourl:"http://wiki.moxiecode.com/index.php/TinyMCE:Plugins/xhtmlxtras",version:tinymce.majorVersion+"."+tinymce.minorVersion}}});tinymce.PluginManager.add("xhtmlxtras",tinymce.plugins.XHTMLXtrasPlugin)})(); |
New file |
| | |
| | | /**
|
| | | * editor_plugin_src.js
|
| | | *
|
| | | * Copyright 2009, Moxiecode Systems AB
|
| | | * Released under LGPL License.
|
| | | *
|
| | | * License: http://tinymce.moxiecode.com/license
|
| | | * Contributing: http://tinymce.moxiecode.com/contributing
|
| | | */
|
| | |
|
| | | (function() {
|
| | | tinymce.create('tinymce.plugins.XHTMLXtrasPlugin', {
|
| | | init : function(ed, url) {
|
| | | // Register commands
|
| | | ed.addCommand('mceCite', function() {
|
| | | ed.windowManager.open({
|
| | | file : url + '/cite.htm',
|
| | | width : 350 + parseInt(ed.getLang('xhtmlxtras.cite_delta_width', 0)),
|
| | | height : 250 + parseInt(ed.getLang('xhtmlxtras.cite_delta_height', 0)),
|
| | | inline : 1
|
| | | }, {
|
| | | plugin_url : url
|
| | | });
|
| | | });
|
| | |
|
| | | ed.addCommand('mceAcronym', function() {
|
| | | ed.windowManager.open({
|
| | | file : url + '/acronym.htm',
|
| | | width : 350 + parseInt(ed.getLang('xhtmlxtras.acronym_delta_width', 0)),
|
| | | height : 250 + parseInt(ed.getLang('xhtmlxtras.acronym_delta_height', 0)),
|
| | | inline : 1
|
| | | }, {
|
| | | plugin_url : url
|
| | | });
|
| | | });
|
| | |
|
| | | ed.addCommand('mceAbbr', function() {
|
| | | ed.windowManager.open({
|
| | | file : url + '/abbr.htm',
|
| | | width : 350 + parseInt(ed.getLang('xhtmlxtras.abbr_delta_width', 0)),
|
| | | height : 250 + parseInt(ed.getLang('xhtmlxtras.abbr_delta_height', 0)),
|
| | | inline : 1
|
| | | }, {
|
| | | plugin_url : url
|
| | | });
|
| | | });
|
| | |
|
| | | ed.addCommand('mceDel', function() {
|
| | | ed.windowManager.open({
|
| | | file : url + '/del.htm',
|
| | | width : 340 + parseInt(ed.getLang('xhtmlxtras.del_delta_width', 0)),
|
| | | height : 310 + parseInt(ed.getLang('xhtmlxtras.del_delta_height', 0)),
|
| | | inline : 1
|
| | | }, {
|
| | | plugin_url : url
|
| | | });
|
| | | });
|
| | |
|
| | | ed.addCommand('mceIns', function() {
|
| | | ed.windowManager.open({
|
| | | file : url + '/ins.htm',
|
| | | width : 340 + parseInt(ed.getLang('xhtmlxtras.ins_delta_width', 0)),
|
| | | height : 310 + parseInt(ed.getLang('xhtmlxtras.ins_delta_height', 0)),
|
| | | inline : 1
|
| | | }, {
|
| | | plugin_url : url
|
| | | });
|
| | | });
|
| | |
|
| | | ed.addCommand('mceAttributes', function() {
|
| | | ed.windowManager.open({
|
| | | file : url + '/attributes.htm',
|
| | | width : 380 + parseInt(ed.getLang('xhtmlxtras.attr_delta_width', 0)),
|
| | | height : 370 + parseInt(ed.getLang('xhtmlxtras.attr_delta_height', 0)),
|
| | | inline : 1
|
| | | }, {
|
| | | plugin_url : url
|
| | | });
|
| | | });
|
| | |
|
| | | // Register buttons
|
| | | ed.addButton('cite', {title : 'xhtmlxtras.cite_desc', cmd : 'mceCite'});
|
| | | ed.addButton('acronym', {title : 'xhtmlxtras.acronym_desc', cmd : 'mceAcronym'});
|
| | | ed.addButton('abbr', {title : 'xhtmlxtras.abbr_desc', cmd : 'mceAbbr'});
|
| | | ed.addButton('del', {title : 'xhtmlxtras.del_desc', cmd : 'mceDel'});
|
| | | ed.addButton('ins', {title : 'xhtmlxtras.ins_desc', cmd : 'mceIns'});
|
| | | ed.addButton('attribs', {title : 'xhtmlxtras.attribs_desc', cmd : 'mceAttributes'});
|
| | |
|
| | | ed.onNodeChange.add(function(ed, cm, n, co) {
|
| | | n = ed.dom.getParent(n, 'CITE,ACRONYM,ABBR,DEL,INS');
|
| | |
|
| | | cm.setDisabled('cite', co);
|
| | | cm.setDisabled('acronym', co);
|
| | | cm.setDisabled('abbr', co);
|
| | | cm.setDisabled('del', co);
|
| | | cm.setDisabled('ins', co);
|
| | | cm.setDisabled('attribs', n && n.nodeName == 'BODY');
|
| | | cm.setActive('cite', 0);
|
| | | cm.setActive('acronym', 0);
|
| | | cm.setActive('abbr', 0);
|
| | | cm.setActive('del', 0);
|
| | | cm.setActive('ins', 0);
|
| | |
|
| | | // Activate all
|
| | | if (n) {
|
| | | do {
|
| | | cm.setDisabled(n.nodeName.toLowerCase(), 0);
|
| | | cm.setActive(n.nodeName.toLowerCase(), 1);
|
| | | } while (n = n.parentNode);
|
| | | }
|
| | | });
|
| | |
|
| | | ed.onPreInit.add(function() {
|
| | | // Fixed IE issue where it can't handle these elements correctly
|
| | | ed.dom.create('abbr');
|
| | | });
|
| | | },
|
| | |
|
| | | getInfo : function() {
|
| | | return {
|
| | | longname : 'XHTML Xtras Plugin',
|
| | | author : 'Moxiecode Systems AB',
|
| | | authorurl : 'http://tinymce.moxiecode.com',
|
| | | infourl : 'http://wiki.moxiecode.com/index.php/TinyMCE:Plugins/xhtmlxtras',
|
| | | version : tinymce.majorVersion + "." + tinymce.minorVersion
|
| | | };
|
| | | }
|
| | | });
|
| | |
|
| | | // Register plugin
|
| | | tinymce.PluginManager.add('xhtmlxtras', tinymce.plugins.XHTMLXtrasPlugin);
|
| | | })(); |
program/js/tinymce/jscripts/tiny_mce/plugins/xhtmlxtras/ins.htm
program/js/tinymce/jscripts/tiny_mce/plugins/xhtmlxtras/js/abbr.js
program/js/tinymce/jscripts/tiny_mce/plugins/xhtmlxtras/js/acronym.js
program/js/tinymce/jscripts/tiny_mce/plugins/xhtmlxtras/js/attributes.js
program/js/tinymce/jscripts/tiny_mce/plugins/xhtmlxtras/js/cite.js
program/js/tinymce/jscripts/tiny_mce/plugins/xhtmlxtras/js/del.js
program/js/tinymce/jscripts/tiny_mce/plugins/xhtmlxtras/js/element_common.js
program/js/tinymce/jscripts/tiny_mce/plugins/xhtmlxtras/js/ins.js
program/js/tinymce/jscripts/tiny_mce/plugins/xhtmlxtras/langs/en_dlg.js
program/js/tinymce/jscripts/tiny_mce/themes/advanced/about.htm
program/js/tinymce/jscripts/tiny_mce/themes/advanced/anchor.htm
program/js/tinymce/jscripts/tiny_mce/themes/advanced/charmap.htm
program/js/tinymce/jscripts/tiny_mce/themes/advanced/color_picker.htm
program/js/tinymce/jscripts/tiny_mce/themes/advanced/editor_template.js
program/js/tinymce/jscripts/tiny_mce/themes/advanced/editor_template_src.js
program/js/tinymce/jscripts/tiny_mce/themes/advanced/image.htm
program/js/tinymce/jscripts/tiny_mce/themes/advanced/img/colorpicker.jpg
program/js/tinymce/jscripts/tiny_mce/themes/advanced/img/flash.gif
program/js/tinymce/jscripts/tiny_mce/themes/advanced/img/icons.gif
program/js/tinymce/jscripts/tiny_mce/themes/advanced/img/iframe.gif
program/js/tinymce/jscripts/tiny_mce/themes/advanced/img/pagebreak.gif
program/js/tinymce/jscripts/tiny_mce/themes/advanced/img/quicktime.gif
program/js/tinymce/jscripts/tiny_mce/themes/advanced/img/realmedia.gif
program/js/tinymce/jscripts/tiny_mce/themes/advanced/img/shockwave.gif
program/js/tinymce/jscripts/tiny_mce/themes/advanced/img/trans.gif
program/js/tinymce/jscripts/tiny_mce/themes/advanced/img/video.gif
program/js/tinymce/jscripts/tiny_mce/themes/advanced/img/windowsmedia.gif
program/js/tinymce/jscripts/tiny_mce/themes/advanced/js/about.js
program/js/tinymce/jscripts/tiny_mce/themes/advanced/js/anchor.js
program/js/tinymce/jscripts/tiny_mce/themes/advanced/js/charmap.js
program/js/tinymce/jscripts/tiny_mce/themes/advanced/js/color_picker.js
program/js/tinymce/jscripts/tiny_mce/themes/advanced/js/image.js
program/js/tinymce/jscripts/tiny_mce/themes/advanced/js/link.js
program/js/tinymce/jscripts/tiny_mce/themes/advanced/js/source_editor.js
program/js/tinymce/jscripts/tiny_mce/themes/advanced/langs/en.js
program/js/tinymce/jscripts/tiny_mce/themes/advanced/langs/en_dlg.js
program/js/tinymce/jscripts/tiny_mce/themes/advanced/link.htm
program/js/tinymce/jscripts/tiny_mce/themes/advanced/shortcuts.htm
program/js/tinymce/jscripts/tiny_mce/themes/advanced/skins/default/content.css
program/js/tinymce/jscripts/tiny_mce/themes/advanced/skins/default/dialog.css
program/js/tinymce/jscripts/tiny_mce/themes/advanced/skins/default/img/buttons.png
program/js/tinymce/jscripts/tiny_mce/themes/advanced/skins/default/img/items.gif
program/js/tinymce/jscripts/tiny_mce/themes/advanced/skins/default/img/menu_arrow.gif
program/js/tinymce/jscripts/tiny_mce/themes/advanced/skins/default/img/menu_check.gif
program/js/tinymce/jscripts/tiny_mce/themes/advanced/skins/default/img/progress.gif
program/js/tinymce/jscripts/tiny_mce/themes/advanced/skins/default/img/tabs.gif
program/js/tinymce/jscripts/tiny_mce/themes/advanced/skins/default/ui.css
program/js/tinymce/jscripts/tiny_mce/themes/advanced/skins/highcontrast/content.css
program/js/tinymce/jscripts/tiny_mce/themes/advanced/skins/highcontrast/dialog.css
program/js/tinymce/jscripts/tiny_mce/themes/advanced/skins/highcontrast/ui.css
program/js/tinymce/jscripts/tiny_mce/themes/advanced/skins/o2k7/content.css
program/js/tinymce/jscripts/tiny_mce/themes/advanced/skins/o2k7/dialog.css
program/js/tinymce/jscripts/tiny_mce/themes/advanced/skins/o2k7/img/button_bg.png
program/js/tinymce/jscripts/tiny_mce/themes/advanced/skins/o2k7/img/button_bg_black.png
program/js/tinymce/jscripts/tiny_mce/themes/advanced/skins/o2k7/img/button_bg_silver.png
program/js/tinymce/jscripts/tiny_mce/themes/advanced/skins/o2k7/ui.css
program/js/tinymce/jscripts/tiny_mce/themes/advanced/skins/o2k7/ui_black.css
program/js/tinymce/jscripts/tiny_mce/themes/advanced/skins/o2k7/ui_silver.css
program/js/tinymce/jscripts/tiny_mce/themes/advanced/source_editor.htm
program/js/tinymce/jscripts/tiny_mce/themes/simple/editor_template.js
program/js/tinymce/jscripts/tiny_mce/themes/simple/editor_template_src.js
program/js/tinymce/jscripts/tiny_mce/themes/simple/img/icons.gif
program/js/tinymce/jscripts/tiny_mce/themes/simple/langs/en.js
program/js/tinymce/jscripts/tiny_mce/themes/simple/skins/default/content.css
program/js/tinymce/jscripts/tiny_mce/themes/simple/skins/default/ui.css
program/js/tinymce/jscripts/tiny_mce/themes/simple/skins/o2k7/content.css
program/js/tinymce/jscripts/tiny_mce/themes/simple/skins/o2k7/img/button_bg.png
program/js/tinymce/jscripts/tiny_mce/themes/simple/skins/o2k7/ui.css
program/js/tinymce/jscripts/tiny_mce/tiny_mce.js
program/js/tinymce/jscripts/tiny_mce/tiny_mce_popup.js
program/js/tinymce/jscripts/tiny_mce/tiny_mce_src.js
program/js/tinymce/jscripts/tiny_mce/utils/editable_selects.js
program/js/tinymce/jscripts/tiny_mce/utils/form_utils.js
program/js/tinymce/jscripts/tiny_mce/utils/mctabs.js
program/js/tinymce/jscripts/tiny_mce/utils/validate.js |