<![CDATA[ CKEditor Distinguish Modx Tags! (quick tutorial) - My Forums]]> https://forums.modx.com/thread/?thread=89117 <![CDATA[Re: CKEditor Distinguish Modx Tags! (quick tutorial)]]> https://forums.modx.com/thread/89117/ckeditor-distinguish-modx-tags-quick-tutorial#dis-post-490115 sottwell Feb 15, 2014, 12:12 AM https://forums.modx.com/thread/89117/ckeditor-distinguish-modx-tags-quick-tutorial#dis-post-490115 <![CDATA[Re: CKEditor Distinguish Modx Tags! (quick tutorial)]]> https://forums.modx.com/thread/89117/ckeditor-distinguish-modx-tags-quick-tutorial#dis-post-490049 sottwell Feb 13, 2014, 11:17 PM https://forums.modx.com/thread/89117/ckeditor-distinguish-modx-tags-quick-tutorial#dis-post-490049 <![CDATA[Re: CKEditor Distinguish Modx Tags! (quick tutorial)]]> https://forums.modx.com/thread/89117/ckeditor-distinguish-modx-tags-quick-tutorial#dis-post-490048
lol hope it helps, clearly your mileage has definitely varied from mine..]]>
tourshi Feb 13, 2014, 11:12 PM https://forums.modx.com/thread/89117/ckeditor-distinguish-modx-tags-quick-tutorial#dis-post-490048
<![CDATA[Re: CKEditor Distinguish Modx Tags! (quick tutorial)]]> https://forums.modx.com/thread/89117/ckeditor-distinguish-modx-tags-quick-tutorial#dis-post-490044 sottwell Feb 13, 2014, 10:54 PM https://forums.modx.com/thread/89117/ckeditor-distinguish-modx-tags-quick-tutorial#dis-post-490044 <![CDATA[CKEditor Distinguish Modx Tags! (quick tutorial)]]> https://forums.modx.com/thread/89117/ckeditor-distinguish-modx-tags-quick-tutorial#dis-post-490019
I've attached an Image so that you can see what I am talking about.

Instructions

Backup your CKEditor addon folder! 'manager\assets\components\ckeditor'

Step 1.

Go to CKEditor website, and download latest CKEditor version (4.3 at this time), it will be a zip file, you need to extract these files into your CKEditor folder:
(this update is necessary because the widget app only works with version 4.3)

ckeditor.js
styles.js
contents.css
lang (folder)
adapters (folder)

Extract these filders to your CKEditor folder and overwrite the existing files.

Step 2.

Download and Extract the following plugins from the CKEditor website:

Widget (http://ckeditor.com/addon/widget)
Lineutils (http://ckeditor.com/addon/lineutils)
Placeholder (http://ckeditor.com/addon/placeholder)

And extract them into your plugins folder

Step 3.
In your System Settings, find CKEditor options and add in the plugins so that MODX starts them up with CKEditor

widget,placeholder

That's it, now your modx tags will be treated as read-only blocks that can be editied from a dialog box.

Hope folks find it useful, I know its a really crude workaround but its pretty cool--it would be nice if the CKEditor addon had this sort of thing built in to it, to accommodate for MODX Tags/Syntax

Peace]]>
tourshi Feb 13, 2014, 01:55 PM https://forums.modx.com/thread/89117/ckeditor-distinguish-modx-tags-quick-tutorial#dis-post-490019