Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 3 of 3
  1. #1
    Regular Coder
    Join Date
    Mar 2010
    Location
    Orlando, FL
    Posts
    154
    Thanks
    2
    Thanked 8 Times in 8 Posts

    Question How would I create something like this text editor?

    I assumed this is a javascript based text editor because when I turn off javascript it doesn't work. I was wondering how something like this is created. maybe not this exact one, but how would I create something like it. Maybe just a simple editor that changes text size and color.

  • #2
    Senior Coder jmrker's Avatar
    Join Date
    Aug 2006
    Location
    FL
    Posts
    3,026
    Thanks
    36
    Thanked 494 Times in 488 Posts

    Lightbulb

    Tons of editors available from simple to complex.
    Google 'javascript text editor' for some like this:
    http://www.dynamicdrive.com/dynamici...itor/index.htm
    http://www.webdesignerdepot.com/2008...-text-editors/
    http://www.queness.com/post/212/10-j...h-text-editors

  • #3
    Senior Coder chump2877's Avatar
    Join Date
    Dec 2004
    Location
    the U.S. of freakin' A.
    Posts
    2,744
    Thanks
    18
    Thanked 155 Times in 146 Posts
    In my opinion, CKEditor and CKFinder are the best WYSIWYG editor and file upload management tools out there. You can't do too much better.

    Maybe just a simple editor that changes text size and color.
    You can pare down CKEditor to suit your needs via a simple configuration setting.

    I.e.,

    Code:
    <static> {Array|String} CKEDITOR.config.toolbar 
    Since: 3.0 
     The toolbox (alias toolbar) definition. It is a toolbar name or an array of toolbars (strips), each one being also an array, containing a list of UI items. 
    Defined in: plugins/toolbar/plugin.js. 
    // Defines a toolbar with only one strip containing the "Source" button, a
    // separator and the "Bold" and "Italic" buttons.
    config.toolbar =
    [
        [ 'Source', '-', 'Bold', 'Italic' ]
    ];
    Last edited by chump2877; 09-10-2011 at 06:39 AM.
    Regards, R.J.

    ---------------------------------------------------------

    Help spread the word! Like my YouTube-to-Mp3 Conversion Script on Facebook !! :)
    [Related videos and tutorials are also available at my YouTube channel and on Dailymotion]
    Get free updates about new software version releases, features, and bug fixes!


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •