WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] How to: Change spellchecker highlight from squiggly line to something else (5 posts)

  1. jsherk
    Member
    Posted 6 years ago #

    Does anybody know how to change the method that spell checker uses to highlight a misspelled word from the squiggly line to actually highlighting the word in red?

    Whenever I click spell check, it correctly underlines misspelled words with a squiggly line, but I find this very hard to see, and many times I miss misspelled words because I don't see the squiggly line.

    I would like to change it to actually highlighting the misspelled word in yellow (instead of the squiggly line) so that it is much more obvious which words are misspelled.

    I'm hoping it's just a CSS change, but if anybody has any ideas, that would be great.

    Thanks

  2. scribu
    Member
    Posted 6 years ago #

    Is the spellchecker a wordpress plugin (if so, please provide a link) or is it included in your browser?

  3. jsherk
    Member
    Posted 6 years ago #

    It's part of the editor that is built into WP2.5 ... so I think you would say it's part of the core.

    When you go to create a new post or edit an existing post, it shows up as one of the available buttons.

    Thanks

  4. scribu
    Member
    Posted 6 years ago #

    I've found it! It's a background image at /wp-includes/js/tinymce/plugins/spellchecker/img/wline.gif

    You can edit that in order to obtain the desired effect.

  5. jsherk
    Member
    Posted 6 years ago #

    Genius!

    The original wline.gif is 4 pixels wide by 3 pixels high.

    I created a new gif that is 12 pixels high by 3 pixels wide, and colored it solid yellow. It now highlights the misspelled words in yellow, which for me (being color blind) makes it about 100 times easier to see!

    Thanks scribu

Topic Closed

This topic has been closed to new replies.

About this Topic