199 Lotus blogs updated hourly. Who will post next? Home | Blogs | Search | About 
 
Latest 7 Posts
Quick NPM tip: don’t forget to uninstall node modules
Tue, Jul 4th 2017 7
Angular 4 bug in combination with latest Typescript
Sat, Jul 1st 2017 8
Angular and base64 encoding and decoding
Fri, Jun 30th 2017 6
The slides of my session at Engage
Tue, May 9th 2017 6
Learn, share and Engage in Antwerp
Tue, May 2nd 2017 3
Bulk import in a Cloudant database
Thu, Apr 27th 2017 5
IBM InterConnect 2017 as a developer
Fri, Apr 7th 2017 4
Top 10
Preparing for IBM Connect 2017
Thu, Feb 9th 2017 9
And the winner is…… HR Assistant
Mon, Sep 19th 2016 8
Angular 4 bug in combination with latest Typescript
Sat, Jul 1st 2017 8
Quick XPages tip: add Fullcalendar plugin to your application
Thu, Aug 27th 2015 7
Bye Eclipse, hello IntelliJ Ultimate
Fri, Feb 3rd 2017 7
Quick NPM tip: don’t forget to uninstall node modules
Tue, Jul 4th 2017 7
Nice workaround to JSF 1.x EL limitation
Mon, Mar 14th 2016 6
Quick XPages tip: add pace.js to your app
Tue, Mar 29th 2016 6
Cloudant connector plugin update: manage Design documents
Thu, Oct 13th 2016 6
My evolution as a developer: becoming a Full stack developer
Thu, Dec 8th 2016 6


From the archive: How to customize theXPages CKEditor toolbar with a Java bean
Twitter Google+ Facebook LinkedIn Addthis Email Gmail Flipboard Reddit Tumblr WhatsApp StumbleUpon Yammer Evernote Delicious
Frank van der Linden    

I was reading the blog post from Marky Roden about ‘How to easily hide an XPages CKEditor toolbar‘. I was thinking back at e-office I wrote also a blog about customising the Toolbar of the CKEditor. I found it in the way back machine, because the took the domino-weblog down after I left. Here is a link to the way back machine entries of that blog.

Below is a copy of the original blog

 

How it started
I have build a Social Intranet Framework powered by XPages, included integration with IBM Connection.
When I was at a customer to implement the framework on their Domino server, the content manager was wondering if it was possible to paste HTML code inside the richtext fields. Which is based on CKEditor.
So after some research I found the toolbar was build up by several plugins.

So a quick fix was made to the code to load the Source button and the content was able to add some weather information HTML in the widget.

My solution
I was thinking about a more solid solution. Why not give the intranet admin the opportunity to decide which plugin should be available for the content managers.
At the website of the CKEditor I found a list of possible toolbar options.

In the faces-config.xml I defined the toolbar managed bean
Image:How to customize theXPages CKEditor toolbar with a Java bean
I created a XPages with the most common options for the toolbar, with the possibility to check an item if the option should be loaded.
Image:How to customize theXPages CKEditor toolbar with a Java bean
On the save of the XPage, the managed bean will be updated with the latest choices.
Image:How to customize theXPages CKEditor toolbar with a Java bean

On a content page where a Richtext field is used I added a ‘toolbar’ Dojo attribute to the field. The toolbar attribute will get the options from the Managed Bean which should be loaded.
Image:How to customize theXPages CKEditor toolbar with a Java bean

The  toolbarBean.composeToolbar calls the method in the bean to get all the needed options and produce the output in the correct syntax
Image:How to customize theXPages CKEditor toolbar with a Java bean

I also made a small video to see the the toolbar configuration in action by checking and unchecking options and see the result in a richtextitem after a save.

twittergoogle_plusredditpinterestlinkedintumblrby feather

The post From the archive: How to customize theXPages CKEditor toolbar with a Java bean appeared first on elstar IT.



---------------------
http://elstarit.nl/2015/10/20/from-the-archive-how-to-customize-thexpages-ckeditor-toolbar-with-a-java-bean/
Oct 20, 2015
2 hits



Recent Blog Posts
7
Quick NPM tip: don’t forget to uninstall node modules
Tue, Jul 4th 2017 4:08p   Frank van der Linden
NPM is great tool to have all your Node modules in your front end project, and don’t have to worry about dependencies. When you find a useful module for your project just do ‘npm install –save-dev’ and you are ready to go, but….. it can pollute your node_modules directory with unused node modules. Just uninstall your unused node module by ‘npm uninstall ’ by The post Quick NPM tip: don’t forget to uninstall node modules appeared first on elstar
8
Angular 4 bug in combination with latest Typescript
Sat, Jul 1st 2017 10:51a   Frank van der Linden
When we upgraded our Angular app to the latest version. We noticed everything worked with version 4.2.3 and Typescript 2.4. The problem After we reinstalled all the nom packages the Angular version was upgraded to 4.2.4, because we had in our package.json ‘^4.2.3’ for Angular packages. When we package everything and republished the app to the page, we got errors, huh!!!! The solution After some search I found it has to do with the combination of Typescript and Angular
6
Angular and base64 encoding and decoding
Fri, Jun 30th 2017 7:32p   Frank van der Linden
Currently I am busy building a Proof of Concept at my customer. We are using Springboot for the Backend services, which get data from Tridion and store data in a Oracle database.. The Front end is build with Angular. We started with version 2 with Grunt as build tool, but quickly we changed it to Angular 4 with Webpack. The overall feeling of Angular 4 and Webpack was much better. Another plus was the smaller footprint. Base64 Last request was to store some information in Cookie. Overall no ro
6
The slides of my session at Engage
Tue, May 9th 2017 9:51a   Frank van der Linden
Here are my slides of my session at Engage. DEV03 – How Watson, Bluemix, Cloudant, and XPages Can Work Together In A Real World Application from Frank van der Linden by The post The slides of my session at Engage appeared first on elstar IT.
3
Learn, share and Engage in Antwerp
Tue, May 2nd 2017 6:15p   Frank van der Linden
Next week it is time for Engage Usergroup again. This time Theo Heselmans has chosen a very special location, next to the ZOO of Antwerp. Looking forward to meet everyone again and see what the sponsors have to offer. Theo and his team has put together a amazing agenda with top notch speakers and IBM Champions. This year I am very privileged to be a speaker again. My session Dev03. How Watson, Bluemix, Cloudant, and XPages Can Work Together In A Real World Application The role of a human resour
5
Bulk import in a Cloudant database
Thu, Apr 27th 2017 5:02p   Frank van der Linden
After some issues with HR Assistant I was thinking it would be a good idea to create a separate database with only the Design documents as schema database. So I replicated all the documents from the original database to a brand new one and called it hrassistant_schema. After the successful replication I kept all only the design documents. Today I got a question about the schemas and discovered it should also be a good idea to add all the configuration documents to the schema database of HR Ass
4
IBM InterConnect 2017 as a developer
Fri, Apr 7th 2017 11:27a   Frank van der Linden
As promised in a previous blogpost, I will zoom in on the technologies I have seen and used at IBM InterConnect I was surprised the amount of technical sessions at InterConnect. More then I then was expecting as lots of people told me It was all about middleware. Below my impression as a developer Open Tech Summit On Sunday InterConnect for me started with the Open Tech Summit, a gathering of tech nerds, to learn more on Open Source software. In a TED talk style every speaker got 10 minutes to s
1
IBM InterConnect 2017 – something completely different
Tue, Mar 28th 2017 4:43p   Frank van der Linden
IBM InterConnect 2017 is over, I must say I totally enjoyed it. Lots of attendees, it was crowded everywhere, but it gave a good vibe.  I have met a lot of new people I heard that it was Lotusphere in the old days. I totally agree with the blog by Gabriella Davis, it is time to get out our own yellow bubble and integrate it in InterConnect. There is so much both worlds can learn from each other. Keynotes On Monday there was the InterConnect Welcome keynote with, of course, a lot of announceme
6
Speaking of Las Vegas
Fri, Mar 10th 2017 7:38a   Frank van der Linden
In 1 week I will leave for my second trip to the USA for an IBM Conference. This time it will be IBM InterConnect in Las Vegas. Not only to attend, but also to speak again. A friend of my will join me on this trip. We will fly to Los Angeles and drive up to Las Vegas. After the conference we will have some time get back to LAX, a sort of mini road trip. Out of my comfort zone IBM InterConnect is a much bigger conference, compared to IBM Connect, at the Mandalay Bay in Las Vegas. It is focused
2
New Release: Generic XPages and HTML Widget For IBM Connections 5.5
Thu, Mar 2nd 2017 5:41p   Frank van der Linden
Yesterday I have created a new release of the OpenNTF project, Generic XPages and HTML Widget For IBM Connections. There was a problem with the widgets in IBM Connections 5.5, which was caused by some tags who were not in the expected DOM structure and small problem in the javascript. But many thanks to Christoph Stoettner of Panagenda who found the solution and provided me the modified files to release. Christoph, Thank you very much for the time you spent on this. Want to try it out on your I




Created and Maintained by Yancy Lent - About - Planet Lotus Blog - Advertising - Mobile Edition