/app/design/desktop/siberian/js/ckeditor/plugins/onchange/docs/install.html

https://gitlab.com/gregtyka/SiberianCMS · HTML · 76 lines · 64 code · 8 blank · 4 comment · 0 complexity · 09aa072cd2ce036b9e71963ae78b54d5 MD5 · raw file 

    

  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"

    2. 

  2. 	"http://www.w3.org/TR/html4/loose.dtd">

    3. 

  3. <html lang="en">

    4. 

  4. <head>

    5. 

  5. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">

    6. 

  6. <title>OnChange event plugin</title>

    7. 

  7. <link href="styles.css" rel="stylesheet" type="text/css">

    8. 

  8. </head>

    9. 

  9. 

    10. 

  10. <body>

    11. 

  11. <h1>On Change event Plugin for CKEditor</h1>

    12. 

  12. 

    13. 

  13. <h2>Introduction</h2>

    14. 

  14. <p>This is a plugin that tries to fire a 'change' event whenever the content of a <a href="http://www.ckeditor.com">CKEditor</a> instance is changed.</p>

    15. 

  15. 

    16. 

  16. <h3 id="contact">Author:</h3>

    17. 

  17. <p><a href="mailto:amla70@gmail.com">Alfonso Mart&iacute;nez de Lizarrondo</a></p>

    18. 

  18. <h3>Sponsored by:</h3>

    19. 

  19. <p>Falcana</p>

    20. 

  20. <h3>Version history: </h3>

    21. 

  21. <ol>

    22. 

  22.   <li>1.0: 21-January-2011. First version.</li>

    23. 

  23.   <li>1.1: 3-September-2011. Fixed issues with the UndoManager events. Detect changes in Source mode.</li>

    24. 

  24.   <li>1.2: 18-September-2011. Avoid too many events in CKEditor 3.6.2. Filter keyboard to skip control and movement keys.</li>

    25. 

  25.   <li>1.3: 22-December-2011 Avoid firing the event after the editor has been destroyed.</li>

    26. 

  26.   <li>1.4: 7-September-2012 Don't fire events if the editor is readonly, thanks to Ulrich Gabor. Included code to use Mutation Observers.</li>

    27. 

  27.   <li>1.5: 20-October-2012 Detect Cut and Paste for IE in source mode thanks to Jacki.</li>

    28. 

  28.   <li>1.6: 18-November-2012 Detect multibyte characters thanks to Wouter.</li>

    29. 

  29.   <li>1.7: 6-December-2012 Compatibility with Source mode in CKEditor 4.</li>

    30. 

  30. </ol>

    31. 

  31. 

    32. 

  32. <h2>Installation</h2>

    33. 

  33. <h3>1. Copying the files</h3>

    34. 

  34. <p>Extract the contents of the zip in you plugins directory, so it ends up like

    35. 

  35.     this<br>

    36. 

  36.     <!--<img src="installation.png" alt="Screenshot of installation" width="311" height="346" longdesc="#install">-->

    37. 

  37.     </p>

    38. 

  38. <pre id="--install">

    39. 

  39. ckeditor\

    40. 

  40. 	...

    41. 

  41. 	images\

    42. 

  42. 	lang\

    43. 

  43. 	plugins\

    44. 

  44. 		...

    45. 

  45. 		onchange\

    46. 

  46. 			plugin.js

    47. 

  47. 			docs\

    48. 

  48. 				install.html

    49. 

  49. 		...

    50. 

  50. 	skins\

    51. 

  51. 	themes\

    52. 

  52. </pre>

    53. 

  53. <h3>2. Adding it to CKEditor</h3>

    54. 

  54. <p>Now add the plugin in your <em>config.js</em> or custom js configuration

    55. 

  55. file:

    56. 

  56. <code>config.extraPlugins='onchange'; </code>

    57. 

  57. </p>

    58. 

  58. 

    59. 

  59. <h3>3. Configuration</h3>

    60. 

  60. <p>You can limit the minimum time between changes to avoid getting too many events fired:

    61. 

  61. <code>config.minimumChangeMilliseconds = 100; // 100 milliseconds (default value)

    62. 

  62. </code>.</p>

    63. 

  63. 

    64. 

  64. <h3>4. Use it</h3>

    65. 

  65. <p>Write your listener for the new 'change' event and perform whatever action you need there.

    66. 

  66. <code>editor.on( 'change', function(e) { console.log(e) });

    67. 

  67. </code>.</p>

    68. 

  68. 

    69. 

  69. <!--

    70. 

  70. <h2>Final notes</h2>

    71. 

  71. -->

    72. 

  72. 

    73. 

  73. <h2>Disclaimers</h2>

    74. 

  74. <p>CKEditor is  &copy; CKSource.com</p>

    75. 

  75. </body>

    76. 

  76. </html>
    77.