+ CKEditor Samples » Create and Destroy Editor Instances for Ajax Applications +
+
+ This sample shows how to create and destroy CKEditor instances on the fly. After the removal of CKEditor the content created inside the editing
+ area will be displayed in a <div> element.
+
+ For details of how to create this setup check the source code of this sample page + for JavaScript code responsible for the creation and destruction of a CKEditor instance. +
+Click the buttons to create and remove a CKEditor instance.
++ + +
+ ++ CKEditor Samples » Using CKEditor JavaScript API +
++ This sample shows how to use the + CKEditor JavaScript API + to interact with the editor at runtime. +
++ For details on how to create this setup check the source code of this sample page. +
++ CKEditor Samples » Append To Page Element Using JavaScript Code +
+
+ CKEDITOR.appendTo is basically to place editors
+ inside existing DOM elements. Unlike CKEDITOR.replace,
+ a target container to be replaced is no longer necessary. A new editor
+ instance is inserted directly wherever it is desired.
+
CKEDITOR.appendTo( 'container_id',
+ { /* Configuration options to be used. */ }
+ 'Editor content to be used.'
+);
+ + + + diff --git a/vendors/ckeditor/samples/assets/inlineall/logo.png b/vendors/ckeditor/samples/assets/inlineall/logo.png new file mode 100644 index 000000000..334e7ac99 Binary files /dev/null and b/vendors/ckeditor/samples/assets/inlineall/logo.png differ diff --git a/vendors/ckeditor/samples/assets/outputxhtml/outputxhtml.css b/vendors/ckeditor/samples/assets/outputxhtml/outputxhtml.css new file mode 100644 index 000000000..2b15e1c3f --- /dev/null +++ b/vendors/ckeditor/samples/assets/outputxhtml/outputxhtml.css @@ -0,0 +1,204 @@ +/* + * Copyright (c) 2003-2013, CKSource - Frederico Knabben. All rights reserved. + * For licensing, see LICENSE.html or http://ckeditor.com/license + * + * Styles used by the XHTML 1.1 sample page (xhtml.html). + */ + +/** + * Basic definitions for the editing area. + */ +body +{ + font-family: Arial, Verdana, sans-serif; + font-size: 80%; + color: #000000; + background-color: #ffffff; + padding: 5px; + margin: 0px; +} + +/** + * Core styles. + */ + +.Bold +{ + font-weight: bold; +} + +.Italic +{ + font-style: italic; +} + +.Underline +{ + text-decoration: underline; +} + +.StrikeThrough +{ + text-decoration: line-through; +} + +.Subscript +{ + vertical-align: sub; + font-size: smaller; +} + +.Superscript +{ + vertical-align: super; + font-size: smaller; +} + +/** + * Font faces. + */ + +.FontComic +{ + font-family: 'Comic Sans MS'; +} + +.FontCourier +{ + font-family: 'Courier New'; +} + +.FontTimes +{ + font-family: 'Times New Roman'; +} + +/** + * Font sizes. + */ + +.FontSmaller +{ + font-size: smaller; +} + +.FontLarger +{ + font-size: larger; +} + +.FontSmall +{ + font-size: 8pt; +} + +.FontBig +{ + font-size: 14pt; +} + +.FontDouble +{ + font-size: 200%; +} + +/** + * Font colors. + */ +.FontColor1 +{ + color: #ff9900; +} + +.FontColor2 +{ + color: #0066cc; +} + +.FontColor3 +{ + color: #ff0000; +} + +.FontColor1BG +{ + background-color: #ff9900; +} + +.FontColor2BG +{ + background-color: #0066cc; +} + +.FontColor3BG +{ + background-color: #ff0000; +} + +/** + * Indentation. + */ + +.Indent1 +{ + margin-left: 40px; +} + +.Indent2 +{ + margin-left: 80px; +} + +.Indent3 +{ + margin-left: 120px; +} + +/** + * Alignment. + */ + +.JustifyLeft +{ + text-align: left; +} + +.JustifyRight +{ + text-align: right; +} + +.JustifyCenter +{ + text-align: center; +} + +.JustifyFull +{ + text-align: justify; +} + +/** + * Other. + */ + +code +{ + font-family: courier, monospace; + background-color: #eeeeee; + padding-left: 1px; + padding-right: 1px; + border: #c0c0c0 1px solid; +} + +kbd +{ + padding: 0px 1px 0px 1px; + border-width: 1px 2px 2px 1px; + border-style: solid; +} + +blockquote +{ + color: #808080; +} diff --git a/vendors/ckeditor/samples/assets/posteddata.php b/vendors/ckeditor/samples/assets/posteddata.php new file mode 100644 index 000000000..bb45656b6 --- /dev/null +++ b/vendors/ckeditor/samples/assets/posteddata.php @@ -0,0 +1,59 @@ + + + + + +
+ CKEditor — Posted Data +
+| Field Name | +Value | +
|---|---|
| + | + |
+ CKEditor Samples » Replace DIV with CKEditor on the Fly +
+
+ This sample shows how to automatically replace <div> elements
+ with a CKEditor instance on the fly, following user's doubleclick. The content
+ that was previously placed inside the <div> element will now
+ be moved into CKEditor editing area.
+
+ For details on how to create this setup check the source code of this sample page. +
+
+ Double-click any of the following <div> elements to transform them into
+ editor instances.
+
+ Part 1 +
++ Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Cras et ipsum quis mi + semper accumsan. Integer pretium dui id massa. Suspendisse in nisl sit amet urna + rutrum imperdiet. Nulla eu tellus. Donec ante nisi, ullamcorper quis, fringilla + nec, sagittis eleifend, pede. Nulla commodo interdum massa. Donec id metus. Fusce + eu ipsum. Suspendisse auctor. Phasellus fermentum porttitor risus. +
++ Part 2 +
++ Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Cras et ipsum quis mi + semper accumsan. Integer pretium dui id massa. Suspendisse in nisl sit amet urna + rutrum imperdiet. Nulla eu tellus. Donec ante nisi, ullamcorper quis, fringilla + nec, sagittis eleifend, pede. Nulla commodo interdum massa. Donec id metus. Fusce + eu ipsum. Suspendisse auctor. Phasellus fermentum porttitor risus. +
++ Donec velit. Mauris massa. Vestibulum non nulla. Nam suscipit arcu nec elit. Phasellus + sollicitudin iaculis ante. Ut non mauris et sapien tincidunt adipiscing. Vestibulum + vitae leo. Suspendisse nec mi tristique nulla laoreet vulputate. +
++ Part 3 +
++ Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Cras et ipsum quis mi + semper accumsan. Integer pretium dui id massa. Suspendisse in nisl sit amet urna + rutrum imperdiet. Nulla eu tellus. Donec ante nisi, ullamcorper quis, fringilla + nec, sagittis eleifend, pede. Nulla commodo interdum massa. Donec id metus. Fusce + eu ipsum. Suspendisse auctor. Phasellus fermentum porttitor risus. +
++ CKEditor Samples +
++ Basic Samples +
+-
+
- Replace textarea elements by class name +
- Automatic replacement of all textarea elements of a given class with a CKEditor instance. + +
- Replace textarea elements by code +
- Replacement of textarea elements with CKEditor instances by using a JavaScript call. +
+ Basic Customization +
+-
+
- User Interface color +
- Changing CKEditor User Interface color and adding a toolbar button that lets the user set the UI color. + +
- User Interface languages +
- Changing CKEditor User Interface language and adding a drop-down list that lets the user choose the UI language. +
Plugins
+-
+
- Magicline pluginNew! +
- Using the Magicline plugin to access difficult focus spaces. + +
- Full page support +
- CKEditor inserted with a JavaScript call and used to edit the whole page from <html> to </html>. +
+ Inline Editing New! +
+-
+
- Massive inline editor creation New! +
- Turn all elements with
contentEditable = trueattribute into inline editors.
+
+ - Convert element into an inline editor by code New! +
- Conversion of DOM elements into inline CKEditor instances by using a JavaScript call. + + +
+ Advanced Samples +
+-
+
- Replace DIV elements on the fly +
- Transforming a
divelement into an instance of CKEditor with a mouse click.
+
+ - Append editor instances +
- Appending editor instances to existing DOM elements. + +
- Create and destroy editor instances for Ajax applications +
- Creating and destroying CKEditor instances on the fly and saving the contents entered into the editor window. + +
- Basic usage of the API +
- Using the CKEditor JavaScript API to interact with the editor at runtime. + +
- XHTML-compliant style +
- Configuring CKEditor to produce XHTML 1.1 compliant attributes and styles. + +
- Read-only mode +
- Using the readOnly API to block introducing changes to the editor contents. + +
- "Tab" key-based navigation New! +
- Navigating among editor instances with tab key. + + + +
- Using the JavaScript API to customize dialog windows +
- Using the dialog windows API to customize dialog windows without changing the original editor code. + +
- Using the "Enter" key in CKEditor +
- Configuring the behavior of Enter and Shift+Enter keys. + +
- Output for Flash +
- Configuring CKEditor to produce HTML code that can be used with Adobe Flash. + +
- Output HTML +
- Configuring CKEditor to produce legacy HTML 4 code. + +
- Toolbar ConfigurationsNew! +
- Configuring CKEditor to display full or custom toolbar layout. + +
CKEditor Samples » Massive inline editing
+This sample page demonstrates the inline editing feature - CKEditor instances will be created automatically from page elements with contentEditable attribute set to value true:
+<div contenteditable="true" > ... </div>+
Click inside of any element below to start editing.
+
+ CKEditor
Goes Inline!
+
+ + Lorem ipsum dolor sit amet dolor duis blandit vestibulum faucibus a, tortor. +
++ Lorem ipsum dolor sit amet enim. Etiam ullamcorper. Suspendisse a pellentesque dui, non felis. Maecenas malesuada elit lectus felis, malesuada ultricies. +
++ Curabitur et ligula. Ut molestie a, ultricies porta urna. Vestibulum commodo volutpat a, convallis ac, laoreet enim. Phasellus fermentum in, dolor. Pellentesque facilisis. Nulla imperdiet sit amet magna. Vestibulum dapibus, mauris nec malesuada fames ac. +
++ Fusce vitae porttitor +
++ + Lorem ipsum dolor sit amet dolor. Duis blandit vestibulum faucibus a, tortor. + +
++ Proin nunc justo felis mollis tincidunt, risus risus pede, posuere cubilia Curae, Nullam euismod, enim. Etiam nibh ultricies dolor ac dignissim erat volutpat. Vivamus fermentum nisl nulla sem in metus. Maecenas wisi. Donec nec erat volutpat. +
++++ Fusce vitae porttitor a, euismod convallis nisl, blandit risus tortor, pretium. + Vehicula vitae, imperdiet vel, ornare enim vel sodales rutrum +
+
+++ Libero nunc, rhoncus ante ipsum non ipsum. Nunc eleifend pede turpis id sollicitudin fringilla. Phasellus ultrices, velit ac arcu. +
+
Pellentesque nunc. Donec suscipit erat. Pellentesque habitant morbi tristique ullamcorper.
+Mauris mattis feugiat lectus nec mauris. Nullam vitae ante.
+ Integer condimentum sit amet +
++ Aenean nonummy a, mattis varius. Cras aliquet. + Praesent magna non mattis ac, rhoncus nunc, rhoncus eget, cursus pulvinar mollis.
+Proin id nibh. Sed eu libero posuere sed, lectus. Phasellus dui gravida gravida feugiat mattis ac, felis.
+Integer condimentum sit amet, tempor elit odio, a dolor non ante at sapien. Sed ac lectus. Nulla ligula quis eleifend mi, id leo velit pede cursus arcu id nulla ac lectus. Phasellus vestibulum. Nunc viverra enim quis diam.
++ Praesent wisi accumsan sit amet nibh +
+Donec ullamcorper, risus tortor, pretium porttitor. Morbi quam quis lectus non leo.
+Integer faucibus scelerisque. Proin faucibus at, aliquet vulputate, odio at eros. Fusce gravida, erat vitae augue. Fusce urna fringilla gravida.
+In hac habitasse platea dictumst. Praesent wisi accumsan sit amet nibh. Maecenas orci luctus a, lacinia quam sem, posuere commodo, odio condimentum tempor, pede semper risus. Suspendisse pede. In hac habitasse platea dictumst. Nam sed laoreet sit amet erat. Integer.
+
+ 
+
Quisque justo neque, mattis sed, fermentum ultrices posuere cubilia Curae, Vestibulum elit metus, quis placerat ut, lectus. Ut sagittis, nunc libero, egestas consequat lobortis velit rutrum ut, faucibus turpis. Fusce porttitor, nulla quis turpis. Nullam laoreet vel, consectetuer tellus suscipit ultricies, hendrerit wisi. Donec odio nec velit ac nunc sit amet, accumsan cursus aliquet. Vestibulum ante sit amet sagittis mi.
++ Nullam laoreet vel consectetuer tellus suscipit +
+-
+
- Ut sagittis, nunc libero, egestas consequat lobortis velit rutrum ut, faucibus turpis. +
- Fusce porttitor, nulla quis turpis. Nullam laoreet vel, consectetuer tellus suscipit ultricies, hendrerit wisi. +
- Mauris eget tellus. Donec non felis. Nam eget dolor. Vestibulum enim. Donec. +
Quisque justo neque, mattis sed, fermentum ultrices posuere cubilia Curae, Vestibulum elit metus, quis placerat ut, lectus.
+Nullam laoreet vel, consectetuer tellus suscipit ultricies, hendrerit wisi. Ut sagittis, nunc libero, egestas consequat lobortis velit rutrum ut, faucibus turpis. Fusce porttitor, nulla quis turpis.
+Donec odio nec velit ac nunc sit amet, accumsan cursus aliquet. Vestibulum ante sit amet sagittis mi. Sed in nonummy faucibus turpis. Mauris eget tellus. Donec non felis. Nam eget dolor. Vestibulum enim. Donec.
++ inline, editing, floating, CKEditor +
++ CKEditor Samples » Inline Editing by Code +
++ This sample shows how to create an inline editor instance of CKEditor. It is created + with a JavaScript call using the following code: +
++// This property tells CKEditor to not activate every element with contenteditable=true element. +CKEDITOR.disableAutoInline = true; + +var editor = CKEDITOR.inline( document.getElementById( 'editable' ) ); ++
+ Note that editable in the code above is the id
+ attribute of the <div> element to be converted into an inline instance.
+
Apollo 11
+
+ Apollo 11 was the spaceflight that landed the first humans, Americans Neil Armstrong and Buzz Aldrin, on the Moon on July 20, 1969, at 20:18 UTC. Armstrong became the first to step onto the lunar surface 6 hours later on July 21 at 02:56 UTC.
+ +Armstrong spent about three and a half two and a half hours outside the spacecraft, Aldrin slightly less; and together they collected 47.5 pounds (21.5 kg) of lunar material for return to Earth. A third member of the mission, Michael Collins, piloted the command spacecraft alone in lunar orbit until Armstrong and Aldrin returned to it for the trip back to Earth.
Broadcasting and quotes
+ +Broadcast on live TV to a world-wide audience, Armstrong stepped onto the lunar surface and described the event as:
+ +++ +One small step for [a] man, one giant leap for mankind.
+
Apollo 11 effectively ended the Space Race and fulfilled a national goal proposed in 1961 by the late U.S. President John F. Kennedy in a speech before the United States Congress:
+ +++ +[...] before this decade is out, of landing a man on the Moon and returning him safely to the Earth.
+
Technical details
+ +| Position | +Astronaut | +
|---|---|
| Commander | +Neil A. Armstrong | +
| Command Module Pilot | +Michael Collins | +
| Lunar Module Pilot | +Edwin "Buzz" E. Aldrin, Jr. | +
Launched by a Saturn V rocket from Kennedy Space Center in Merritt Island, Florida on July 16, Apollo 11 was the fifth manned mission of NASA's Apollo program. The Apollo spacecraft had three parts:
+ +-
+
- Command Module with a cabin for the three astronauts which was the only part which landed back on Earth +
- Service Module which supported the Command Module with propulsion, electrical power, oxygen and water +
- Lunar Module for landing on the Moon. +
After being sent to the Moon by the Saturn V's upper stage, the astronauts separated the spacecraft from it and travelled for three days until they entered into lunar orbit. Armstrong and Aldrin then moved into the Lunar Module and landed in the Sea of Tranquility. They stayed a total of about 21 and a half hours on the lunar surface. After lifting off in the upper part of the Lunar Module and rejoining Collins in the Command Module, they returned to Earth and landed in the Pacific Ocean on July 24.
+ ++
Source: Wikipedia.org
++ CKEditor Samples » Using CKEditor Dialog API +
++ This sample shows how to use the + CKEditor Dialog API + to customize CKEditor dialog windows without changing the original editor code. + The following customizations are being done in the example below: +
++ For details on how to create this setup check the source code of this sample page. +
+A custom dialog is added to the editors using the pluginsLoaded event, from an external dialog definition file:
-
+
- Creating a custom dialog window – "My Dialog" dialog window opened with the "My Dialog" toolbar button. +
- Creating a custom button – Add button to open the dialog with "My Dialog" toolbar button. +
The below editor modify the dialog definition of the above added dialog using the dialogDefinition event:
-
+
- Adding dialog tab – Add new tab "My Tab" to dialog window. +
- Removing a dialog window tab – Remove "Second Tab" page from the dialog window. +
- Adding dialog window fields – Add "My Custom Field" to the dialog window. +
- Removing dialog window field – Remove "Select Field" selection field from the dialog window. +
- Setting default values for dialog window fields – Set default value of "Text Field" text field. +
- Setup initial focus for dialog window – Put initial focus on "My Custom Field" text field. +
+ CKEditor Samples » ENTER Key Configuration +
+
+ This sample shows how to configure the Enter and Shift+Enter keys
+ to perform actions specified in the
+ enterMode
+ and shiftEnterMode
+ parameters, respectively.
+ You can choose from the following options:
+
-
+
ENTER_P– new<p>paragraphs are created;
+ ENTER_BR– lines are broken with<br>elements;
+ ENTER_DIV– new<div>blocks are created.
+
+ The sample code below shows how to configure CKEditor to create a <div> block when Enter key is pressed.
+
+CKEDITOR.replace( 'textarea_id', {
+ enterMode: CKEDITOR.ENTER_DIV
+});
+
+ Note that textarea_id in the code above is the id attribute of
+ the <textarea> element to be replaced.
+
+ +
+ +
+ + + + diff --git a/vendors/ckeditor/samples/plugins/htmlwriter/assets/outputforflash/outputforflash.fla b/vendors/ckeditor/samples/plugins/htmlwriter/assets/outputforflash/outputforflash.fla new file mode 100644 index 000000000..27e68ccd1 Binary files /dev/null and b/vendors/ckeditor/samples/plugins/htmlwriter/assets/outputforflash/outputforflash.fla differ diff --git a/vendors/ckeditor/samples/plugins/htmlwriter/assets/outputforflash/outputforflash.swf b/vendors/ckeditor/samples/plugins/htmlwriter/assets/outputforflash/outputforflash.swf new file mode 100644 index 000000000..dbe17b6bc Binary files /dev/null and b/vendors/ckeditor/samples/plugins/htmlwriter/assets/outputforflash/outputforflash.swf differ diff --git a/vendors/ckeditor/samples/plugins/htmlwriter/assets/outputforflash/swfobject.js b/vendors/ckeditor/samples/plugins/htmlwriter/assets/outputforflash/swfobject.js new file mode 100644 index 000000000..95fdf0a7a --- /dev/null +++ b/vendors/ckeditor/samples/plugins/htmlwriter/assets/outputforflash/swfobject.js @@ -0,0 +1,18 @@ +var swfobject=function(){function u(){if(!s){try{var a=d.getElementsByTagName("body")[0].appendChild(d.createElement("span"));a.parentNode.removeChild(a)}catch(b){return}s=!0;for(var a=x.length,c=0;c
+ CKEditor Samples » Producing Flash Compliant HTML Output +
+
+ This sample shows how to configure CKEditor to output
+ HTML code that can be used with
+
+ Adobe Flash.
+ The code will contain a subset of standard HTML elements like <b>,
+ <i>, and <p> as well as HTML attributes.
+
+ To add a CKEditor instance outputting Flash compliant HTML code, load the editor using a standard + JavaScript call, and define CKEditor features to use HTML elements and attributes. +
++ For details on how to create this setup check the source code of this sample page. +
++ To see how it works, create some content in the editing area of CKEditor on the left + and send it to the Flash object on the right side of the page by using the + Send to Flash button. +
+|
+
+
+ + + + |
+ + + | +
+ CKEditor Samples » Producing HTML Compliant Output +
+
+ This sample shows how to configure CKEditor to output valid
+ HTML 4.01 code.
+ Traditional HTML elements like <b>,
+ <i>, and <font> are used in place of
+ <strong>, <em>, and CSS styles.
+
+ To add a CKEditor instance outputting legacy HTML 4.01 code, load the editor using a standard + JavaScript call, and define CKEditor features to use the HTML compliant elements and attributes. +
++ A snippet of the configuration code can be seen below; check the source of this page for + full definition: +
+
+CKEDITOR.replace( 'textarea_id', {
+ coreStyles_bold: { element: 'b' },
+ coreStyles_italic: { element: 'i' },
+
+ fontSize_style: {
+ element: 'font',
+ attributes: { 'size': '#(size)' }
+ }
+
+ ...
+});
+ + CKEditor Samples » Using Magicline plugin +
++ This sample shows the advantages of Magicline plugin + which is to enhance the editing process. Thanks to this plugin, + a number of difficult focus spaces which are inaccessible due to + browser issues can now be focused. +
++ Magicline plugin shows a red line with a handler + which, when clicked, inserts a paragraph and allows typing. To see this, + focus an editor and move your mouse above the focus space you want + to access. The plugin is enabled by default so no additional + configuration is necessary. +
++ This editor uses a default Magicline setup. +
++
+ This editor is using a blue line. +
+
+CKEDITOR.replace( 'editor2', {
+ magicline_color: 'blue'
+});
+ + CKEditor Samples » Toolbar Configuration +
++ This sample page demonstrates editor with loaded full toolbar (all registered buttons) and, if + current editor's configuration modifies default settings, also editor with modified toolbar. +
+ +Since CKEditor 4 there are two ways to configure toolbar buttons.
+ +By config.toolbar
+ +
+ You can explicitly define which buttons are displayed in which groups and in which order.
+ This is the more precise setting, but less flexible. If newly added plugin adds its
+ own button you'll have to add it manually to your config.toolbar setting as well.
+
To add a CKEditor instance with custom toolbar setting, insert the following JavaScript call to your code:
+ +
+CKEDITOR.replace( 'textarea_id', {
+ toolbar: [
+ { name: 'document', items: [ 'Source', '-', 'NewPage', 'Preview', '-', 'Templates' ] }, // Defines toolbar group with name (used to create voice label) and items in 3 subgroups.
+ [ 'Cut', 'Copy', 'Paste', 'PasteText', 'PasteFromWord', '-', 'Undo', 'Redo' ], // Defines toolbar group without name.
+ '/', // Line break - next group will be placed in new line.
+ { name: 'basicstyles', items: [ 'Bold', 'Italic' ] }
+ ]
+});
+
+ By config.toolbarGroups
+ +
+ You can define which groups of buttons (like e.g. basicstyles, clipboard
+ and forms) are displayed and in which order. Registered buttons are associated
+ with toolbar groups by toolbar property in their definition.
+ This setting's advantage is that you don't have to modify toolbar configuration
+ when adding/removing plugins which register their own buttons.
+
To add a CKEditor instance with custom toolbar groups setting, insert the following JavaScript call to your code:
+ +
+CKEDITOR.replace( 'textarea_id', {
+ toolbarGroups: [
+ { name: 'document', groups: [ 'mode', 'document' ] }, // Displays document group with its two subgroups.
+ { name: 'clipboard', groups: [ 'clipboard', 'undo' ] }, // Group's name will be used to create voice label.
+ '/', // Line break - next group will be placed in new line.
+ { name: 'basicstyles', groups: [ 'basicstyles', 'cleanup' ] },
+ { name: 'links' }
+ ]
+
+ // NOTE: Remember to leave 'toolbar' property with the default value (null).
+});
+ Full toolbar configuration
+Below you can see editor with full toolbar, generated automatically by the editor.
+
+ Note: To create editor instance with full toolbar you don't have to set anything.
+ Just leave toolbar and toolbarGroups with the default, null values.
+
+ CKEditor Samples » Full Page Editing +
+
+ This sample shows how to configure CKEditor to edit entire HTML pages, from the
+ <html> tag to the </html> tag.
+
+ The CKEditor instance below is inserted with a JavaScript call using the following code: +
+
+CKEDITOR.replace( 'textarea_id', {
+ fullPage: true
+});
+
+
+ Note that textarea_id in the code above is the id attribute of
+ the <textarea> element to be replaced.
+
+ CKEditor Samples » Using the CKEditor Read-Only API +
+
+ This sample shows how to use the
+ setReadOnly
+ API to put editor into the read-only state that makes it impossible for users to change the editor contents.
+
+ For details on how to create this setup check the source code of this sample page. +
++ CKEditor Samples » Replace Textarea Elements by Class Name +
+
+ This sample shows how to automatically replace all <textarea> elements
+ of a given class with a CKEditor instance.
+
+ To replace a <textarea> element, simply assign it the ckeditor
+ class, as in the code below:
+
+<textarea class="ckeditor" name="editor1"></textarea> ++
+ Note that other <textarea> attributes (like id or name) need to be adjusted to your document.
+
+ CKEditor Samples » Replace Textarea Elements Using JavaScript Code +
+ + + + diff --git a/vendors/ckeditor/samples/sample.css b/vendors/ckeditor/samples/sample.css new file mode 100644 index 000000000..6dad96e21 --- /dev/null +++ b/vendors/ckeditor/samples/sample.css @@ -0,0 +1,333 @@ +/* +Copyright (c) 2003-2013, CKSource - Frederico Knabben. All rights reserved. +For licensing, see LICENSE.html or http://ckeditor.com/license +*/ + +html, body, h1, h2, h3, h4, h5, h6, div, span, blockquote, p, address, form, fieldset, img, ul, ol, dl, dt, dd, li, hr, table, td, th, strong, em, sup, sub, dfn, ins, del, q, cite, var, samp, code, kbd, tt, pre +{ + line-height: 1.5em; +} + +body +{ + padding: 10px 30px; +} + +input, textarea, select, option, optgroup, button, td, th +{ + font-size: 100%; +} + +pre, code, kbd, samp, tt +{ + font-family: monospace,monospace; + font-size: 1em; +} + +body { + width: 960px; + margin: 0 auto; +} + +code +{ + background: #f3f3f3; + border: 1px solid #ddd; + padding: 1px 4px; + + -moz-border-radius: 3px; + -webkit-border-radius: 3px; + border-radius: 3px; +} + +.new +{ + background: #FF7E00; + border: 1px solid #DA8028; + color: #fff; + font-size: 10px; + font-weight: bold; + padding: 1px 4px; + text-shadow: 0 1px 0 #C97626; + text-transform: uppercase; + margin: 0 0 0 3px; + + -moz-border-radius: 3px; + -webkit-border-radius: 3px; + border-radius: 3px; + + -moz-box-shadow: 0 2px 3px 0 #FFA54E inset; + -webkit-box-shadow: 0 2px 3px 0 #FFA54E inset; + box-shadow: 0 2px 3px 0 #FFA54E inset; +} + +h1.samples +{ + color: #0782C1; + font-size: 200%; + font-weight: normal; + margin: 0; + padding: 0; +} + +h1.samples a +{ + color: #0782C1; + text-decoration: none; + border-bottom: 1px dotted #0782C1; +} + +.samples a:hover +{ + border-bottom: 1px dotted #0782C1; +} + +h2.samples +{ + color: #000000; + font-size: 130%; + margin: 15px 0 0 0; + padding: 0; +} + +p, blockquote, address, form, pre, dl, h1.samples, h2.samples +{ + margin-bottom: 15px; +} + +ul.samples +{ + margin-bottom: 15px; +} + +.clear +{ + clear: both; +} + +fieldset +{ + margin: 0; + padding: 10px; +} + +body, input, textarea +{ + color: #333333; + font-family: Arial, Helvetica, sans-serif; +} + +body +{ + font-size: 75%; +} + +a.samples +{ + color: #189DE1; + text-decoration: none; +} + +form +{ + margin: 0; + padding: 0; +} + +pre.samples +{ + background-color: #F7F7F7; + border: 1px solid #D7D7D7; + overflow: auto; + padding: 0.25em; + white-space: pre-wrap; /* CSS 2.1 */ + word-wrap: break-word; /* IE7 */ + -moz-tab-size: 4; + -o-tab-size: 4; + -webkit-tab-size: 4; + tab-size: 4; +} + +#footer +{ + clear: both; + padding-top: 10px; +} + +#footer hr +{ + margin: 10px 0 15px 0; + height: 1px; + border: solid 1px gray; + border-bottom: none; +} + +#footer p +{ + margin: 0 10px 10px 10px; + float: left; +} + +#footer #copy +{ + float: right; +} + +#outputSample +{ + width: 100%; + table-layout: fixed; +} + +#outputSample thead th +{ + color: #dddddd; + background-color: #999999; + padding: 4px; + white-space: nowrap; +} + +#outputSample tbody th +{ + vertical-align: top; + text-align: left; +} + +#outputSample pre +{ + margin: 0; + padding: 0; +} + +.description +{ + border: 1px dotted #B7B7B7; + margin-bottom: 10px; + padding: 10px 10px 0; + overflow: hidden; +} + +label +{ + display: block; + margin-bottom: 6px; +} + +/** + * CKEditor editables are automatically set with the "cke_editable" class + * plus cke_editable_(inline|themed) depending on the editor type. + */ + +/* Style a bit the inline editables. */ +.cke_editable.cke_editable_inline +{ + cursor: pointer; +} + +/* Once an editable element gets focused, the "cke_focus" class is + added to it, so we can style it differently. */ +.cke_editable.cke_editable_inline.cke_focus +{ + box-shadow: inset 0px 0px 20px 3px #ddd, inset 0 0 1px #000; + outline: none; + background: #eee; + cursor: text; +} + +/* Avoid pre-formatted overflows inline editable. */ +.cke_editable_inline pre +{ + white-space: pre-wrap; + word-wrap: break-word; +} + +/** + * Samples index styles. + */ + +.twoColumns, +.twoColumnsLeft, +.twoColumnsRight +{ + overflow: hidden; +} + +.twoColumnsLeft, +.twoColumnsRight +{ + width: 45%; +} + +.twoColumnsLeft +{ + float: left; +} + +.twoColumnsRight +{ + float: right; +} + +dl.samples +{ + padding: 0 0 0 40px; +} +dl.samples > dt +{ + display: list-item; + list-style-type: disc; + list-style-position: outside; + margin: 0 0 3px; +} +dl.samples > dd +{ + margin: 0 0 3px; +} +.warning +{ + color: #ff0000; + background-color: #FFCCBA; + border: 2px dotted #ff0000; + padding: 15px 10px; + margin: 10px 0; +} + +/* Used on inline samples */ + +blockquote +{ + font-style: italic; + font-family: Georgia, Times, "Times New Roman", serif; + padding: 2px 0; + border-style: solid; + border-color: #ccc; + border-width: 0; +} + +.cke_contents_ltr blockquote +{ + padding-left: 20px; + padding-right: 8px; + border-left-width: 5px; +} + +.cke_contents_rtl blockquote +{ + padding-left: 8px; + padding-right: 20px; + border-right-width: 5px; +} + +img.right { + border: 1px solid #ccc; + float: right; + margin-left: 15px; + padding: 5px; +} + +img.left { + border: 1px solid #ccc; + float: left; + margin-right: 15px; + padding: 5px; +} diff --git a/vendors/ckeditor/samples/sample.js b/vendors/ckeditor/samples/sample.js new file mode 100644 index 000000000..621de3259 --- /dev/null +++ b/vendors/ckeditor/samples/sample.js @@ -0,0 +1,5 @@ +/* + Copyright (c) 2003-2013, CKSource - Frederico Knabben. All rights reserved. + For licensing, see LICENSE.html or http://ckeditor.com/license +*/ +(function(){CKEDITOR.on("instanceReady",function(b){var b=b.editor,a=CKEDITOR.document.$.getElementsByName("ckeditor-sample-required-plugins"),a=a.length?CKEDITOR.dom.element.get(a[0]).getAttribute("content").split(","):[],c=[];if(a.length){for(var d=0;d+ +------------------------------------------------------------------------------------------- + CKEditor - Posted Data + + We are sorry, but your Web server does not support the PHP language used in this script. + + Please note that CKEditor can be used with any other server-side language than just PHP. + To save the content created with CKEditor you need to read the POST data on the server + side and write it to a file or the database. + + Copyright (c) 2003-2013, CKSource - Frederico Knabben. All rights reserved. + For licensing, see LICENSE.html or http://ckeditor.com/license +------------------------------------------------------------------------------------------- + +