Drupal Tinymce

Posted onby admin
  • Bekijk het profiel van Kostiantyn Tsaregradskyi op LinkedIn, de grootste professionele community ter wereld. Kostiantyn heeft 9 functies op zijn of haar profiel. Bekijk het volledige profiel op LinkedIn om de connecties van Kostiantyn en vacatures bij vergelijkbare bedrijven te zien.
  • As an average Drupal 7 end-user, I have tested CKEditor 4.4 (and older versions as well) and TinyMCE 3.5.11 extensively, especially using responsive images inside figure tags, and TinyMCE gave me much better results, it works more predictably, is easier to configure and gives more real WYSIWYG experience.

Installing TinyMCE. Download the Drupal TinyMCE Module. Download the TinyMCE files from the Moxiecode Systems AB web site. It is this module that enables the TinyMCE editor to be used within Drupal. Make sure you download the right version of TinyMCE. If you're on Drupal 5.x, then you'll need to download the 2.1 branch. Insert a horizontal line. The Horizontal Rule (hr) plugin allows a user to insert a horizontal rule on the page at the cursor insertion point.It also adds a toolbar button and a menu item Horizontal line under the Insert menu. Drupal - the leading open-source CMS for ambitious digital experiences that reach your audience across multiple channels. Because we all have different needs, Drupal allows you to create a unique space in a world of cookie-cutter solutions.

Sometimes tables are needed to display tabular data within the content area of a Drupal page. Here’s how to create accessible tables within the Drupal editor (TinyMCE).

Select the Insert/Edit Table button from the editor menu.

The Insert/Edit Table dialog box appears with2 tabs: General and Advanced.

Insert/Edit Table Options General Tab

Specify the number of rows and columns that your table requires. You can disregard Cell Padding, Cell Spacing, Border, Width, and Height options. The Drupal theme takes care of these automatically.

Check the Table Caption checkbox.

The Advanced tab has other parameters for your table. Again these are optional and not required.

Select Insert and the table will appear within the editor.

Enter your table data. Edit the Table Caption. Note: It is highly advisable that your table have header rows and/or columns. This aids in accessibility and usability.

Table with data view within Drupal TinyMCE editor

Formatting Table Headers and Row Labels

Tinymce

Place your cursor in the first header cell of your table, then select the Table Cell Properties button in the editor.

TinymceWordpress tinymce plugin

Table Cell Properties button within TinyMCE editor

The Table Cell Properties window will appear. Specify the type of cell that your cursor is in. In this case the Cell Type is Header and the Scope of the Header is the Column.

Pick Update All Cells in Row from the drop down menu.

Select Update.

Repeat this process for the Row Labels.

Place your cursor in the first Row label cell of your table, then select the Table Cell Properties button in the editor.

The Cell Type is still Header and the Scope of the Header is the Row.

Wordpress Tinymce Is Not Defined

Select Update.

Table Cell Properties General Tab

Tinymce

Php Tinymce

Here is how a table with rows and headers appears within the editor. Note: Not all tables have both Headers and Row Labels, use Table Cell Properties button appropriately.

Once your page is saved the table will appear as so on the webpage. Note: Table styles are dictated by the theme style sheet and cannot be changed. Mousing over table cells highlights that particular row. This functionality is automatically applied, no extra steps are needed to achieve this.

Drupal Tinymce

Table view on live webpage

Extra

There are other table editing buttons available to users to edit existing tables and create new ones. These include:

  • Table Row Properties (Same functionality as Table Cell Properties)
  • Insert Row Before
  • Insert Row After
  • Delete Row
  • Insert Column Before
  • Insert Column After
  • Split Merged Table Cells
  • Merge Table Cells

Joomla Tinymce

Table editing options within the Drupal TinyMCE editor

Experiment and make your tables great with these tools.

Drupal Tinymce

Tags: Drupal

Back to Top