jQrte

2012
May 05
DOWNLOAD

LICENSE

  • jQrte is distributed under the terms of the MIT license
  • Free of charge for both personal or commerical use.
  • You are free to use and modify the software.
  • You can distribute the software, but do so in the spirit of Open Source.
  • We wish you to keep the copyright icon on the rich text editor.
  • Give credit where credit is due, spread the word, link to us if you can.

DEMONSTRATION

NEWS

  • 2012/01/16 fixed IE9 upload image and upload file issue.
  • 2011/07/09 updated the external plugin to fix IE9 issue.
  • 2010/02/15 jQRTE v0.4.1 released, combined with new version of jQpopup and jQCP.
  • 2009/12/19 Added Dutch (Belgium) Langauge Pack by member Brecht Cloetens.
  • 2009/11/26 Added Romanian Langauge Pack by member prtechro.
  • 2009/10/24 jQRTE v0.4 released (fixed form post,<pre> tag issue).
  • 2009/09/13 jQRTE v0.3.3 released.
  • 2009/07/15 jQRTE v0.3.3-beta released (fixed Safari4, Google Chrome2 Issue).
  • 2009/06/28 jQRTE v0.3.2-beta released (fixed Opera Issue).
  • 2009/06/28 jQuery WYSIWYG Rich Text Editor – jQRTE v0.3.1 released (integrated with jQpopup v0.2).
  • 2009/06/20 jQuery WYSIWYG Rich Text Editor – jQRTE v0.3 released.
  • 2009/06/20 Fixed the issue of the id with underline e.g. “content_test”.
  • 2009/06/4 Added Argentina Langauge Pack by Diego Maldonado.
  • 2009/05/23 Found jQRTE Japanese Langauge Pack from sksuare.net. We can link back to your site or provide the contact point if any developer interested in providing us the language pack (save in UTF-8 format). Send to us through tech@jqframework.com.
  • 2009/05/19 jQuery WYSIWYG Rich Text Editor – jQRTE v0.2 released.
  • 2009/05/19 jQuery WYSIWYG Rich Text Editor re-license to MIT.
  • 2009/05/19 jQuery WYSIWYG Rich Text Editor upgrade to v0.2, code size reduced from 55k to 32k.
  • 2009/05/03 jQuery WYSIWYG Rich Text Editor – jQRTE v0.1 released.

TIPS

How to remove the unused icon on jQRTE

Simple! For example, you want to remove the subscript icon, you just need to remove the line below in index.php:
<td id=”content_rte_subscript” title=”Subscript”></td>

If you are a experienced developer, you can try to remove items in the iconList and some functions on jquery.jqrte.js.
Lastly, you have to modify the image jqrte_icon.gif yourself.

How to set upload file limit on jQRTE

Easy! The file upload size is control directly by php.ini.

You can check genericupload.php, on line 8, it will report the maximum size for uploading, ini_get(“post_max_size”)
What you need to do is to change the value in php.ini and that’s all!

How to solve the flicking issue of the jQRTE icon in IE6

This is a known bug in IE6, you can add scripts to detect browser version and execute this workaround solution.

<script type=”text/javascript”>
   try {
      document.execCommand(“BackgroundImageCache”, false, true);
   }
   catch(e) {}
</script>

DESCRIPTION

  • jQRTE Seperated logic and template, easy for you to change the look & feel.
  • jQRTE Seperated the language file from the editor, easy for internationalization.
  • jQRTE is easy to integrate and customize.
  • jQRTE is tested with IE6, IE7, IE8,IE9, FF3, Opera9, Safari4, Google Chrome2.
  • jQRTE is Free and Free of charge under the MIT License.

DOCUMENTATION

To initialize the jQRTE

  1. <textarea id=”content” name=”content” class=”jqrte_popup” rows=”5″ cols=”5″></textarea>
  2. <script type=”text/javascript”>
  3. window.onload = function(){
  4. try{
  5. $(“#content_rte”).jqrte();
  6. }
  7. catch(e){}
  8. }
  9. $(document).ready(function() {
  10. $(“#content_rte”).jqrte_setIcon();
  11. $(“#content_rte”).jqrte_setContent();
  12. });
  13. </script>

To Setup a rich text editor menu and the body

The rich text editor menu and the body sample stored in content.php

  1. <div class=”jqrte_body”>
  2. ……
  3. <td id=”content_rte_bgcolor”></td>
  4. ……
  5. <iframe id=”content_rte” src=”about:blank” class=”jqrte_iframebody”></iframe>
  6. ……
  7. </div>

To include Rich Text Editor Popup Template

Don’t change the ID(s) if you are not sure.

All the necessary divs stored in the editor.php

  1. <div id=”character_div” style=”display:none”>
  2. </div>
  3. ……

To Upgrade from v0.1 to v0.2

Upgrade to v0.2, it is more flexible for you to change the object id easily!

  1. //Here is the code changes between v0.1 and v0.2
  2. jQuery(document).jQRTE(“content_rte”); change to $(“#content_rte”).jqrte();
  3. jQuery(document).jQRTE_event(“content_rte”); change to $(“#content_rte”).jqrte_setIcon();
  4. jQuery(document).jQRTE_content(“content_rte”); change to $(“#content_rte”).jqrte_setContent();

To Upgrade from v0.4 to v0.4.2

Upgrade to v0.4.2, use the new jquery.jqrte.min.js file and modify the php code, you can fix the upload issue of IE9.

  1. //Here is the code changes between v0.4 and v0.4.2
  2. index-jQuery1.X.php – add jqupload plugin
  3. <script type=”text/javascript” src=”js/jquery.jqcp.min.js”></script>
  4. <script type=”text/javascript” src=”js/jquery.jqupload.min.js”></script>
  5. <script type=”text/javascript” src=”js/jquery.jqrte.min.js”></script>
  6.  
  7. editor.php
  8. <form id=”uploadimageform” name=”uploadimageform” action=”genericupload.php” method=”post” enctype=”multipart/form-data”>
  9. <input type=”submit” id=”uploadimage_btn” value=”Upload”>
  10. <form id=”uploadfileform” name=”uploadfileform” action=”genericupload.php” method=”post” enctype=”multipart/form-data”>
  11. <input type=”submit” id=”uploadfile_btn” value=”Upload”>

Your Reply

Your Ad Here
Your Ad Here