Installation Problems Solved

User's avatar
David M.
12:52 Jun 13, 2014
Hi,

I purchased a multi-site version of Boostrap Utils yesterday and have been have various problems trying to get it to work. We had CKEditor installed on our intranet site already so I thought adding a plugin would be trivial.

After lots of trial-and-error I've managed to get the Bootstrap Utils buttons to show up on my CKEditor, but the editor doesn't seem to be Bootstrap-enabled. The way I can tell this is that creating a Bootstrap button creates this source html
<p>Download<br /></p>
rather than
<p><a class="btn btn-primary " href="http://">Download</a><br />
</p>

which is what I see when I use the online demo)

I've got jquery and bootstrap included in my page.

Any help would be great - I'm burning time trying to get this thing to work.

p.s. My config.js is
CKEDITOR.editorConfig = function( config ) {
// Define changes to default configuration here.
// For complete reference see:
// docs.ckeditor.com/#!/api/CKEDITOR.config
// The toolbar groups arrangement, optimized for two toolbar rows.
config.toolbarGroups = [
{ name: 'document', groups: },
{ name: 'others' },
{ name: 'about' }
];

config.doksoft_bootstrap_include_jquery = false;
config.doksoft_bootstrap_include_in_container = false;

config.doksoft_bootstrap_include_url_dir = "http://localhost:23231/Scripts/bootstrap-3.1.1-dist/";

// Remove some buttons provided by the standard plugins, which are
// not needed in the Standard(s) toolbar.
//config.removeButtons = 'Underline,Subscript,Superscript';

// Set the most common block elements.
//config.format_tags = 'p;h1;h2;h3;pre';

// Simplify the dialog windows.
config.removeDialogTabs = 'image:advanced;link:advanced';

config.extraPlugins =
"doksoft_bootstrap_include," +
"doksoft_bootstrap_advanced_blocks," +
"doksoft_bootstrap_block_conf," +
"doksoft_bootstrap_templates," +
"doksoft_bootstrap_table," +
"doksoft_bootstrap_button," +
"floatpanel," +
"panelbutton";
};
Support team avatar
JS+
21:18 Jun 29, 2014
Hello,

I suppose you have CKEditor's restrictions for the tags. Please try to add this line to your "config.js" to allow all types of tags:
config.allowedContent = true;