danielebarchiesi@0: danielebarchiesi@0: danielebarchiesi@0: danielebarchiesi@0: danielebarchiesi@0: Replace DIV — CKEditor Sample danielebarchiesi@0: danielebarchiesi@0: danielebarchiesi@0: danielebarchiesi@0: danielebarchiesi@0: danielebarchiesi@0: danielebarchiesi@0: danielebarchiesi@0: danielebarchiesi@0: danielebarchiesi@0:

danielebarchiesi@0: CKEditor Sample — Replace DIV with CKEditor on the Fly danielebarchiesi@0:

danielebarchiesi@0:
danielebarchiesi@0:

danielebarchiesi@0: This sample shows how to automatically replace <div> elements danielebarchiesi@0: with a CKEditor instance on the fly, following user's doubleclick. The content danielebarchiesi@0: that was previously placed inside the <div> element will now danielebarchiesi@0: be moved into CKEditor editing area. danielebarchiesi@0:

danielebarchiesi@0:

danielebarchiesi@0: For details on how to create this setup check the source code of this sample page. danielebarchiesi@0:

danielebarchiesi@0:
danielebarchiesi@0: danielebarchiesi@0:
danielebarchiesi@0: danielebarchiesi@0:
danielebarchiesi@0:

danielebarchiesi@0: Double-click any of the following <div> elements to transform them into danielebarchiesi@0: editor instances.

danielebarchiesi@0:
danielebarchiesi@0:

danielebarchiesi@0: Part 1

danielebarchiesi@0:

danielebarchiesi@0: Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Cras et ipsum quis mi danielebarchiesi@0: semper accumsan. Integer pretium dui id massa. Suspendisse in nisl sit amet urna danielebarchiesi@0: rutrum imperdiet. Nulla eu tellus. Donec ante nisi, ullamcorper quis, fringilla danielebarchiesi@0: nec, sagittis eleifend, pede. Nulla commodo interdum massa. Donec id metus. Fusce danielebarchiesi@0: eu ipsum. Suspendisse auctor. Phasellus fermentum porttitor risus. danielebarchiesi@0:

danielebarchiesi@0:
danielebarchiesi@0:
danielebarchiesi@0:

danielebarchiesi@0: Part 2

danielebarchiesi@0:

danielebarchiesi@0: Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Cras et ipsum quis mi danielebarchiesi@0: semper accumsan. Integer pretium dui id massa. Suspendisse in nisl sit amet urna danielebarchiesi@0: rutrum imperdiet. Nulla eu tellus. Donec ante nisi, ullamcorper quis, fringilla danielebarchiesi@0: nec, sagittis eleifend, pede. Nulla commodo interdum massa. Donec id metus. Fusce danielebarchiesi@0: eu ipsum. Suspendisse auctor. Phasellus fermentum porttitor risus. danielebarchiesi@0:

danielebarchiesi@0:

danielebarchiesi@0: Donec velit. Mauris massa. Vestibulum non nulla. Nam suscipit arcu nec elit. Phasellus danielebarchiesi@0: sollicitudin iaculis ante. Ut non mauris et sapien tincidunt adipiscing. Vestibulum danielebarchiesi@0: vitae leo. Suspendisse nec mi tristique nulla laoreet vulputate. danielebarchiesi@0:

danielebarchiesi@0:
danielebarchiesi@0:
danielebarchiesi@0:

danielebarchiesi@0: Part 3

danielebarchiesi@0:

danielebarchiesi@0: Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Cras et ipsum quis mi danielebarchiesi@0: semper accumsan. Integer pretium dui id massa. Suspendisse in nisl sit amet urna danielebarchiesi@0: rutrum imperdiet. Nulla eu tellus. Donec ante nisi, ullamcorper quis, fringilla danielebarchiesi@0: nec, sagittis eleifend, pede. Nulla commodo interdum massa. Donec id metus. Fusce danielebarchiesi@0: eu ipsum. Suspendisse auctor. Phasellus fermentum porttitor risus. danielebarchiesi@0:

danielebarchiesi@0:
danielebarchiesi@0: danielebarchiesi@0: danielebarchiesi@0: