[D7] CKEditor Bootstrap Tabs [#2857439]

This module is created to allow users to easily insert Bootstrap tabs structure into content.

This will be useful if bootstrap theme is used as base theme.
Also there is a paid version with similar functionality here: https://www.michaeljanea.com/ckeditor/bootstrap-tab.

A dialog allows the user to choose the number of tabs. They can choose a tab in context menu to remove. Also using context menu user can add tab before or after current and change the tab title. Page can contain multiple items of widgets.

The idea is taken from http://ckeditor.com/addon/bootstrapTabs source. But instead of plugin implementation this module implemented as widget and it has more options.
Important: It is important to build the CKEditor with Widget plugin to make it works. Here is a build link http://ckeditor.com/builder/download/4aa56d967057f1cfe925bceb9b98049d.

Project link: https://www.drupal.org/sandbox/kedramon/2809423

git clone --branch 7.x-1.x 
https://git.drupal.org/sandbox/kedramon/2809423.git 
ckeditor_bootstrap_tabs
cd ckeditor_bootstrap_tabs

Comments

Comment #1

2 March 2017 at 21:08

kedramon created an issue. See original summary.

Comment #2

kedramon

Ukrainian

Uzhgorod

CreditAttribution: kedramon at Lemberg Solutions, Drupal Ukraine Community commented 2 March 2017 at 21:09

Comment #3

PA robot CreditAttribution: PA robot commented 2 March 2017 at 23:23

Status:

Needs review

» Needs work

There are some errors reported by automated review tools, did you already check them? See http://pareview.sh/pareview/httpsgitdrupalorgsandboxkedramon2809423git

We are currently quite busy with all the project applications and we prefer projects with a review bonus. Please help reviewing and put yourself on the high priority list, then we will take a look at your project right away :-)

Also, you should get your friends, colleagues or other community members involved to review this application. Let them go through the review checklist and post a comment that sets this issue to "needs work" (they found some problems with the project) or "reviewed & tested by the community" (they found no major flaws).

I'm a robot and this is an automated message from Project Applications Scraper.

Comment #4

kedramon

Ukrainian

Uzhgorod

CreditAttribution: kedramon at Lemberg Solutions, Drupal Ukraine Community commented 3 March 2017 at 15:21

Status:

Needs work

» Needs review

Fixed codestyle issues.

Comment #5

mikebrooks CreditAttribution: mikebrooks at SNP Technologies, Inc. commented 4 March 2017 at 23:41

Hi @kedramon,

In the description of this application page:

For the Git instructions, please use:

git clone --branch 7.x-1.x https://git.drupal.org/sandbox/kedramon/2809423.git ckeditor_bootstrap_tabs
cd ckeditor_bootstrap_tabs

Please include a link to the project page: https://www.drupal.org/sandbox/kedramon/2809423

README.txt: Please add a README.txt per the guidelines for in-project documentation.

Comment #6

mikebrooks CreditAttribution: mikebrooks at SNP Technologies, Inc. commented 4 March 2017 at 23:52

Status:

Needs review

» Needs work

Comment #7

mikebrooks CreditAttribution: mikebrooks at SNP Technologies, Inc. commented 5 March 2017 at 03:56

Hi kedramon,

Steps I have taken to test:

Enabled https://www.drupal.org/project/ckeditor
Download CKEditor with Widget plugin from http://ckeditor.com
Unzipped the download to /sites/all/modules/ckeditor/ckeditor
Enabled CKEditor Bootstrap Tabs module
Installed the Bootstrap theme https://www.drupal.org/project/bootstrap
Set Bootstrap theme as the default theme
Configured the Full HTML input format so that: 1) the Tab button is available in the current toolbar, and 2) "Create tabs with CKeditor" is enabled. (/admin/config/content/ckeditor/edit/Full)
Created a Basic Page including a tab UI with 2 tabs

Observations:

When I save the page, I can see the tab UI in my new Basic page with Tab 1 opened by default. A click on Tab 2, however, does not open the tab.
When I edit the page, the tab UI is lost.
While in the editor, I deleted the tab UI and added a new one. I found that if I switch to plain text editor and then back to the rich text editor, the tab UI is lost.

Please let me know if I have missed any steps.

In your README.txt file, please include detailed, step by step instructions.

Cheers - Mike

Comment #8

mikebrooks CreditAttribution: mikebrooks at SNP Technologies, Inc. commented 5 March 2017 at 04:39

Hi kedramon,

Just realized that I forgot to install http://d7.dev/admin/config/development/jquery_update, as Bootstrap requires jQuery version 1.9 or higher.

After installing the jQuery update and setting the version to 1.10, I no longer have the problem described in my prior comment (#7), i.e. "When I save the page, I can see the tab UI in my new Basic page with Tab 1 opened by default. A click on Tab 2, however, does not open the tab."

The other problems persist.