TinyMCE or other WYSIWYG with EPiserver CMS 5 - episerver

Im trying to fix a couple of CMS 5 sites to work with a WYSIWYG HTML editor. Ive used this guid to get TinyMCE to work.
https://www.coderesort.com/p/epicode/wiki/TinyMceAdapter but i get nothing. The guide is using version 3.2.1 of TinyMCE (which is not available any more) but ive also tried with a newer version.
Does anyone have any experience of this? I need a en editor that works with todays versions of Chrome and IE so it doesnt have to be TinyMCE but it has to run on CMS 5.
Thanks!

Related

React app doesn't load onsenui css files on chromium

I've got a really weird bug in a create-react-app application. Onsenui is used as a css framework. But when I try to run the app, either in production or on localhost on a chromium based browser, the framework doesn't get loaded. Both css and js aren't loaded. (Only the OnsenUI ones, other css and js is loaded correclty) I then have to refresh the page multiple times to make it work. It loads correctly on Firefox and Safari.
The problem persists on both my MacBook and my Windows PC. I'm not the original creator of the repo and it's already a few years old. I have however updated onsenui, react-onsenui, react to the newest version.
Unfortunately, I can't share the link to the page.
So, in the end, it's been all because of a pop-up blocking extension I had installed. I can't believe I haven't thought of it and I've been refreshing the page multiple times/had to use other browsers just because of this.
So if anyone ever sees this is the future with a similar problem, double check all your active extensions.

Lightbox2 Stopped Working on Chrome

Using straight-out-of-the-box lightbox2 (no edits, no mods). It has worked faithfully for the past couple of years since it's been in use. Suddenly noticed the other day that the image no longer fades in/out using Chrome. Image just displays on a new browser page. Works okay on Edge, but not sure about Safari as I've not yet checked that. Is this a Chrome issue? Any fixes?
I had the same problem. Tried many things.
Then I used "lightbox with jquery" javascript that's on their website: http://lokeshdhakar.com/projects/lightbox2
Update: It is not necessary to combine lightbox with jquery. The issue in my case was that I was using jquery older than version 2. If you user 2.0 or above version of Jquery, lightbox will start working again.

Is there a demo for Onsen2/Angular 1.5.x that works with Webpack/Browserify?

I have been trying to figure how to set this up properly, but no luck. Screen looks blank and no errors on browser console.
Sample Github demo:
https://github.com/oocoder/onsenui-wp-demo
Has anybody tried to set this up?
Thanks. I was able to resolve the issue by assigning ons to the global window object and waiting for Angular on ready event to run the onsenui bindings.
Use: onsenui#2.0.0-beta.7
Sample: https://github.com/oocoder/onsenui-wp-demo
I am unfamiliar with webpack, but adding Onsen to a project is really nothing more than adding some additional files to a standard html project. Some installer options are listed here: https://onsen.io/guide/getting_started.html
Also, to get started with browserify, see the docs here: https://onsen.io/2/
var onsen = require('onsenui/js/onsenui');
onsen.ready(function() {
onsen.notification.alert({message: 'Onsen UI works with browserify!'});
});
So, if that is not working, I often recommend for people to get started by going here: https://monaca.io/cloud.html
Sign up for their free account which is to access their awesome cloud IDE. From there, just create a project and select the Onsen 2.0 Quickstart. After that you can export the project and import it into your favorite IDE. You are now setup to develop Onsen apps.
On a side note, I really recommend their cloud IDE. It has so many amazing features and it makes development a breeze.

some Ext JS 2.3.0 classes do not work on my pc

I am new to Ext JS. I am trying to develop with Ext JS 2.3.0. I downloaded the BoxSelect extension from http://www.sencha.com/forum/showthre...acebook-s-one) but it doesn't seem to work on my pc. I also realised that the Ext.app.SearchField class does not work on my pc as well. Does any one have any ideas as to why this is happening?
Thanks.
Try with download of the whole set up so that no need of different js file for different activity in ExtJs. http://www.sencha.com/products/extjs/download/ . Even I am new to all this and i am accessing through apache server. Also check with declaration of same files. Please also see version of JS.

Drupal 7.10 WYSIWYG with syntax highlighting

Does anyone have a confirmed/tested working way of setting up a rich WYSIWYG (like CKEditor or TinyMCE) with support for syntax highlighting (for pasting and sharing java/php/etc.) in Drupal 7.10?
I have now tried a variety of combinations, and I have struggled to get any of them to work in Drupal 7.10. Here is what I have tried:
CKEditor (3.6.2) using CKEditor module (7.x-1.6) with Syntax Highlighter library and
Syntax Highlighter Module (7x-1.1). I followed betuts.com/guide-install-syntax-highlighter-ckeditorckeditor-syntax-highlighter-plugin-drupal-7.
Problem: I could not get a code button into my CKEditor. I just would not appear no matter what I did - perhaps it has something to do with the new drag-and-drop
method of adding buttons that has replaced the old text-based one.
CKEditor (3.6.2)with CKEditor module (7.x-1.6) GeSHi Filter (7x-1.0) module and GeSHi libarary following this guide peterpetrik.com/blog/ckeditor-and-geshi-filter.
Problem: Same as above, I cannot seem to get the code button to appear in my CKEditor.
WYSIWYG module with CKEditor and Google Code Prettifier module + library.
Problem: Although this solution is simple and works beautifully with no editor, I simply cannot find a good way of getting CKEditor (or any of the other RTEs) to stop HTML-escaping code inside <pre> tags.
I appreciate your help (this is my first post :-)!
After some more work I got the following combination to work. I also did a more elaborated guide here.
Using WYSIWYG module with CKEditor library. I can insert my code into pre tags (using the Formatted style), and this should also be possible with most other RTEs you can use with the WYSIWYG module.
For the markup itself I installed the Prettify module with the Google Code Prettify library. This will syntax highlight any code within pre or code tags. BUT if you also enable the prettify filter, you will get unwanted html-escapes inside your tags. This is what caused me to think it was CKEditor who did the escapes as described in scenario 3 above.
So this is verified to work with Drupal 7.10, WYSIWYG 7-2.1, and Prettify 7-1.x-dev.
Lars,
We ran into similar issue on our site when posting to our own site and had to modify CKEditor plugin.
Modified plugin code is posted on https://github.com/dbrain/ckeditor-syntaxhighlight/tree/ckeditor-4

Resources