Issue with Upgrading TinyMCE version to 5 on FormBuilder - javascript

We have been using FormBuilder to build forms wherein we use TextArea with TinyMCE (version 4.* by default).
We tried to upgrade the TinyMCE library by replacing the existing TinyMCE CDN link - with version 5.* CDN link - in to form-builder.min.js.
this.js=["https://cdn.tinymce.com/4/tinymce.min.js"]
to
this.js=["https://cdn.tiny.cloud/1/no-api-key/tinymce/5/tinymce.min.js"]
After upgrade, it started giving issues when we have multiple TinyMCE elements on a single page as shown in the image:
TinyMCE with Form Builder
Have also tried to include self hosted TinyMCE library which is also giving the same issue. The TinyMCE version 4 was working fine when we use from CDN, but including local libraries for TinyMCE 4.* and using CDN for TinyMCE 5.* is also not working.
Looking for help to correctly upgrade the TinyMCE version on FormBuilder.
Thanks.

Related

removing content from title bar in ext js

I m using ext js 6 with sencha cmd, when I use title header in ext js, it autogenerate the css class with content: 'd' like one in below screenshot in many places.
here is screenshot
Is there any way i can get rid of it i have tried Jquery following code:
empty div from parent
<script>
$('#form-1010_header-title').empty();
</script>
and also removing class
<script>
$("div #form-1010_header-title-textEl").removeClass("x-title-text");
</script>
none of it work...
here is the autogenerated html code from ext js
here is css description
From what I can see, you are working with a commercial trial version of ExtJS.
The ext-watermark font, which you seem to have deleted or otherwise removed from the project, should show a reminder to buy ExtJS before you ship your commercial project.
If you have access to the full version via Sencha support portal, download it from there and run sencha app upgrade. If you don't have access to the full version, you can download the latest GPL version of the framework and use that; but please keep in mind that the GPL version (a) may only be used for projects licensed under GPL and (b) may contain tons of bugs that have already been resolved in the commercial version.

Tiny MCE Editor issue on Joomla 1.5

I have a Joomla admin panel build on Joomla 1.5 , and it uses tinymce 2.12 . The problem with the editor occurs in chrome . Works fine in firefox.
Here is the Image of tiny MCE on Page load.
When i Click on HTML it pops up the html editor . Image:
As I press the update Button in popup , the tiny MCE edior turns out GREY and doesn't allow any editing .Image :
Although on Save and Apply The content added in popup is saved properly .
Can anyone help me out what is the issue with the Tiny MCE not performing well in CHROME ? is there any update of TinyMCE for joomla 1.5 ? I tried with tinyMCE 3 for Joomla 1.5 But that doesn't work .
Thank you !
You should update TinyMCE to the latest version. You can just download the latest version from TinyMCE's official website and extract to the correct directory under Joomla. Make sure that you backup your Joomla website before and make sure that you delete the previous TinyMCE core files before uploading the new ones.

Joomla 3.2 autocomplete

I want an autocomplete field in my page, and my code is right, but it doesn't work. When I used Joomla 2.5 then it worked but I had to change to Joomla 3.2 and it isn't working now. I use these js files:
$doc->addScript(JURI::root().'media/com_szakdolgozat/js/jquery.min.1.4.2.js');
$doc->addScript(JURI::root().'media/com_szakdolgozat/js/typeahead.bundle.js');
$doc->addScript(JURI::root().'media/com_szakdolgozat/js/jquery-ui.min.1.8.1.js');
There is a problem with jquery 1.8.1, because I get error under Joomla 3.2:
Uncaught ReferenceError: jQuery is not defined --> jquery-ui.min.1.8.1.js:10
Which version shall be right for me?
Joomla 3.x comes packed with jQuery by default, therefore you do not need to import your own copy of it. The following code will import it in noConflict mode if it doesn't already detect it:
JHtml::_('jquery.framework');
I think the issue you're having mentioned in your question is that you have 2 instances of jQuery being loaded and therefore it causes conflicts.
Joomla 3.x also has jQueryUI packed with it. So your final code will look like this:
JHtml::_('jquery.framework');
JHtml::_('jquery.ui');
JHtml::_('script', 'media/com_szakdolgozat/js/typeahead.bundle.js');

Drupal - Jquery update version conflicts with lightbox

My drupal version is 6 and currently running jquery version 1.6.2. I am using Lightbox and jquery UI at a time, I think jquery 1.6 not supports UI features. When I update my jquery version, all the links goes to lightbon and showing imagee not found. So how can I implement Jquery upper version and lightbox at a time.
Thanks in advance.
Don't update jQuery library manually, it can cause some js code to crash.
Instead, you can use jQuery Update to do that. It's more secure. This module updates your Drupal 6 jQuery version to v.1.3.2
Hope this helps... Muhammad

"Code" button in CKEditor

I'm using CKEditor (currently using ver. 3.4.1 - I can upgrade if it's necessary) and I'm missing a possibility to use the <code> tag, either from the Format dropdown or via a button on the toolbar.
I couldn't find a plugin that would make this possible. I have also no experience or knowledge of how to write my own plugin for that.
Do you know of a plugin that might help me enable the "code" button/format (wrapping selected text into <code> tags)? If there is none, I would appreciate if you directed me to online resources about CKEditor plugin development (some sort of tutorial explaining the bare basics).
In case it's useful, my site's using Drupal 6.19, CKEditor module, CKEditor 3.4.1. As for plugin development tutorials, I have already found this, but most of it seems to beyond my grasp.
I solved with this ckeditor plugin:
http://code.google.com/p/ckeditor-syntaxhighlight/
It's also compatible with the jquery plugin SyntaxHighlighter
http://alexgorbatchev.com/SyntaxHighlighter/
Try https://ckeditor.com/cke4/addon/codeTag
config.extraPlugins = 'codeTag';
No additional dependencies.
Get wysiwyg
Browse configuration>wysiwyg
...
Enable the 'source' button.

Categories

Resources