Thêm tính năng Spellchecker cho Drupal WYSIWYG Editor

Thêm tính năng Spellchecker cho Drupal WYSIWYG Editor

Most of us are used to having a spellchecker when we type. If we use Microsoft Word, Google Docs and most other writing tools, you're used to seeing a red line under your spelling mistakes.

If you'd like to add a similar spellchecker to your Drupal WYSIWYG editor, here's how to do it ...

Step 1) Installation

In order to add a spellchecker your WYSIWYG editor, it makes sense that you first need a WYSIGYG editor installed. In this example we're using TinyMCE. Click here for our instrucitons on installing TinyMCE.

We're going to install the Wysiwyg SpellCheck module: http://drupal.org/project/wysiwyg_spellcheck.

This installation will take a few minutes at least, so please follow these steps carefully.

In writing this tutorial, only the Development release worked successfully for me. It might be worth trying the Recommend release first and then th Development release if that doesn't work for you.

media_1351719756619.png

We also need to install the TinyMCE plugin that will provide the spellchecker.

Drupal WYSIWYG Editor

  • Login to your Drupal site files.
  • Browse to /sites/all/libraries/tinymce/.
  • Locate the /plugins/ folder.
  • Upload the /spellchecker/ folder here, as in the image below.

media_1351718365349.png

  • The contents of the spellchecker folder should look like they do below:

media_1351718392515.png

  • In your Drupal site, go to Reports > Status Report.
  • Check that Wysiwyg TinyMCE spellchecker is marked as "Installed correctly".

media_1351718335707.png

  • In your browser, visit this URL: Visit http://YOURSITE/sites/all/libraries/tinymce/jscripts/tiny_mce/plugins/spellchecker/rpc.php
  • You should see the image below. If you don't, check that the permissions are correct for your TinyMCE and Spellchecker files and folders.

media_1351718732570.png

2) Using the Spellchecker

Now that the installation is complete, we can use the spellchecker.

  • Go to Configuration > Wysiwyg profiles.
  • Click edit next to a text format.
  • Open the Buttons and Plugins area.
  • Scroll down and enable the Spell check button.

media_1351718478097.png

  • Go to write a new content item.
  • You know that you've enabled the spellchecker correcty if you have a dropdown arrow next to the spellcheck. That dropdown will show different languages available in the spellchecker.
  • The spellchecker won't run automatically. Click the button to make it operate.

media_1351720011109.png

Bạn thấy bài viết này như thế nào?: 
No votes yet
Ảnh của Khanh Hoang

Khanh Hoang - Kenn

Kenn is a user experience designer and front end developer who enjoys creating beautiful and usable web and mobile experiences.

Tìm kiếm bất động sản

 

Advertisement

 

jobsora

Dich vu khu trung tphcm

Dich vu diet chuot tphcm

Dich vu diet con trung

Quảng Cáo Bài Viết

 
vietwater2018

Triển lãm VIETWATER 2018 - Triển lãm Quốc tế hàng đầu về Ngành nước, công nghệ lọc nước và Xử lý nước thải

Từ ngày 07 đến ngày 09 tháng 11 năm 2018 tại Trung tâm Hội chợ và Triển lãm Sài Gòn (SECC) đã diễn ra Triển lãm Quốc tế hàng đầu về Ngành nước

Hướng dẫn Views Custom AJAX cho Pagination Callback trong Drupal 7

Hướng dẫn Views Custom AJAX cho Pagination Callback trong Drupal 7

Views ajax pagination will replace the entire view element; which is of course required it's still doing more than we might need. 

SEO Audit sẽ giúp cho bạn biết được những công việc cần phải thực hiện

SEO Audit sẽ giúp cho bạn biết được những công việc cần phải thực hiện

Hãy tưởng tượng, một sáng nào đó bạn thức dậy, trong người uể oải, đau nhức khắp người, nhớ đêm qua còn khoẻ

Công ty diệt chuột T&C

 

Diet con trung