{"id":6401,"date":"2019-10-31T13:27:15","date_gmt":"2019-10-31T11:27:15","guid":{"rendered":"https:\/\/u-labs.de\/portal\/?p=6401"},"modified":"2020-02-25T11:30:29","modified_gmt":"2020-02-25T09:30:29","slug":"connections-6-cr6-ckeditor-anpassen","status":"publish","type":"post","link":"https:\/\/u-labs.de\/portal\/connections-6-cr6-ckeditor-anpassen\/","title":{"rendered":"Connections 6 CR6: CKEditor anpassen"},"content":{"rendered":"<p>HCL Connections (ehemals IBM Connections) wird standardm\u00e4\u00dfig mit dem CKEditor ausgeliefert. Es existiert eine etwas versteckte M\u00f6glichkeit, um diesen Anzupassen. Der folgende Artikel wird auf einer nicht angepassten Connections 6 CR6 unter CentOS 7 beschrieben.<\/p>\n<h2 class=\"wp-block-heading\">CKEditor Konfiguration aus jar-Datei der Anwendung kopieren<\/h2>\n<p>Da der Editor je nach Anwendung unterschiedlich aufgebaut ist, existieren anwendungsspezifische Konfigurationsdateien. Beispielsweise gleicht der Editor aus den Blogs nicht den Wikis. Die Editor-Konfiguration finden wir in den Web-Ressourcen der jeweiligen Applikation. Diese widerum liegen als JAR-Datei gepackt im Provision-Ordner &#8211; beispielsweise <strong>\/opt\/IBM\/CNX-Data\/files\/provision\/webresources\/<\/strong>.<\/p>\n<p>Man kann die verf\u00fcgbaren Archive filtern:<\/p>\n<div class=\"wp-block-syntaxhighlighter-code \">\n<pre class=\"brush: plain; title: ; notranslate\" title=\"\">\nls -l com.ibm.lconn.*.web.resources_*.jar\n<\/pre>\n<\/div>\n<p>Die exakten Dateinamen variieren je nach vorhandener Version. Im Folgenden werden wir beispielhaft den Editor in Wikis anpassen. Hierzu k\u00f6nnen wir den Dateinamen ermitteln, in dem wir nach lconn. den Name der Applikation (wikis) einf\u00fcgen:<\/p>\n<div class=\"wp-block-syntaxhighlighter-code \">\n<pre class=\"brush: plain; title: ; notranslate\" title=\"\">\n# ls -l com.ibm.lconn.wikis*.web.resources*.jar\n-rw-r--r-- 1 root root 2532290 Sep 17 23:23 com.ibm.lconn.wikis.web.resources_3.5.0.20190917-1843.jar\n<\/pre>\n<\/div>\n<p>Auf diesem System hei\u00dft die JAR-Datei f\u00fcr Wikis somit <strong>com.ibm.lconn.wikis.web.resources_3.5.0.20190917-1843.jar<\/strong>. Da es sich bei JAR-Dateien lediglich um ZIP-Archive mit einer anderen Erweiterung handelt, k\u00f6nnen wir das Archiv mittels <strong>unzip <\/strong>entpacken:<\/p>\n<div class=\"wp-block-syntaxhighlighter-code \">\n<pre class=\"brush: plain; title: ; notranslate\" title=\"\">\nunzip -d wikis-web-resources com.ibm.lconn.wikis.web.resources_*.jar\n<\/pre>\n<\/div>\n<p>Die ben\u00f6tigte Konfigurationsdatei findet sich nun im Pfad <strong>wikis-web-resources\/resources\/ckeditor.js<\/strong><\/p>\n<h2 class=\"wp-block-heading\">Konfiguration in Customizations-Ordner kopieren<\/h2>\n<p><strong>ckeditor.js<\/strong> muss nach ${CustomizationDirectory}\/javascript\/lconn\/${ApplicationName}\/ kopiert werden. Standardm\u00e4\u00dfig existiert der Pfad ab  lconn nicht und muss daher angelegt werden:<\/p>\n<div class=\"wp-block-syntaxhighlighter-code \">\n<pre class=\"brush: plain; title: ; notranslate\" title=\"\">\nmkdir -p \/opt\/IBM\/CNX-Data\/files\/customization\/javascript\/lconn\/wikis\ncp wikis-web-resources\/resources\/ckeditor.js \/opt\/IBM\/CNX-Data\/files\/customization\/javascript\/lconn\/wikis\/\n<\/pre>\n<\/div>\n<p>Die Konfiguration k\u00f6nnen wir nun entsprechend der CKEDitor 4 Dokumentation ver\u00e4ndern. Als simples Beispiel nehmen wir die Toolbar und kommentieren darin die erste Tools-Gruppe aus:<\/p>\n<div class=\"wp-block-syntaxhighlighter-code \">\n<pre class=\"brush: jscript; title: ; notranslate\" title=\"\">\nopts.toolbar_Wiki = &#x5B;\n\/\/ {name: &#039;tools&#039;,      items:&#x5B;&#039;Undo&#039;,&#039;Redo&#039;,&#039;MenuPaste&#039;]},\n  {name: &#039;styles&#039;,     items:&#x5B;&#039;Font&#039;,&#039;FontSize&#039;,&#039;Bold&#039;,&#039;Italic&#039;,&#039;Underline&#039;,&#039;Strike&#039;,&#039;TextColor&#039;,&#039;BGColor&#039;,&#039;CopyFormatting&#039;]},\n  {name: &#039;paragraph&#039;,  items:&#x5B;&#039;JustifyLeft&#039;,&#039;JustifyCenter&#039;,&#039;JustifyRight&#039;,&#039;JustifyBlock&#039;,&#039;NumberedList&#039;,&#039;BulletedList&#039;,&#039;Indent&#039;,&#039;Outdent&#039;,&#039;Language&#039;,&#039;BidiLtr&#039;,&#039;BidiRtl&#039;]},\n  {name: &#039;insert&#039;,     items:&#x5B;&#039;Table&#039;,&#039;WikiImage&#039;,&#039;Embed&#039;,&#039;Iframe&#039;,&#039;MenuLink&#039;]}];\n<\/pre>\n<\/div>\n<p>Damit die \u00c4nderungen wirksam werden, ist ein Neustart der Anwendung <strong>Common<\/strong> notwendig. Wahlweise per Jython-Skripte oder ISW-Konsole:<\/p>\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"714\" height=\"332\" src=\"https:\/\/u-labs.de\/portal\/wp-content\/uploads\/2019\/10\/iexplore_2019-10-31_12-13-58.png\" alt=\"\" class=\"wp-image-6404\" srcset=\"https:\/\/u-labs.de\/portal\/wp-content\/uploads\/2019\/10\/iexplore_2019-10-31_12-13-58.png 714w, https:\/\/u-labs.de\/portal\/wp-content\/uploads\/2019\/10\/iexplore_2019-10-31_12-13-58-300x139.png 300w, https:\/\/u-labs.de\/portal\/wp-content\/uploads\/2019\/10\/iexplore_2019-10-31_12-13-58-70x33.png 70w\" sizes=\"auto, (max-width: 714px) 100vw, 714px\" \/><\/figure>\n<p>Nun ist die \u00c4nderung wirksam, was in diesem Beispiel bedeutet: Der linke Block mit den Buttons R\u00fcckg\u00e4ngig, Einf\u00fcgen etc. ist nicht mehr zu sehen. Dadurch ist die Toolbar schlanker geworden und passt nun in eine Zeile:<\/p>\n<p><strong>Vorher<\/strong><\/p>\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"72\" src=\"https:\/\/u-labs.de\/portal\/wp-content\/uploads\/2019\/10\/firefox_2019-10-31_12-13-24-1024x72.png\" alt=\"\" class=\"wp-image-6405\" srcset=\"https:\/\/u-labs.de\/portal\/wp-content\/uploads\/2019\/10\/firefox_2019-10-31_12-13-24-1024x72.png 1024w, https:\/\/u-labs.de\/portal\/wp-content\/uploads\/2019\/10\/firefox_2019-10-31_12-13-24-300x21.png 300w, https:\/\/u-labs.de\/portal\/wp-content\/uploads\/2019\/10\/firefox_2019-10-31_12-13-24-768x54.png 768w, https:\/\/u-labs.de\/portal\/wp-content\/uploads\/2019\/10\/firefox_2019-10-31_12-13-24-70x5.png 70w, https:\/\/u-labs.de\/portal\/wp-content\/uploads\/2019\/10\/firefox_2019-10-31_12-13-24.png 1092w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<p><strong>Nachher<\/strong><\/p>\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"33\" src=\"https:\/\/u-labs.de\/portal\/wp-content\/uploads\/2019\/10\/firefox_2019-10-31_12-19-37-1024x33.png\" alt=\"\" class=\"wp-image-6406\" srcset=\"https:\/\/u-labs.de\/portal\/wp-content\/uploads\/2019\/10\/firefox_2019-10-31_12-19-37-1024x33.png 1024w, https:\/\/u-labs.de\/portal\/wp-content\/uploads\/2019\/10\/firefox_2019-10-31_12-19-37-300x10.png 300w, https:\/\/u-labs.de\/portal\/wp-content\/uploads\/2019\/10\/firefox_2019-10-31_12-19-37-768x25.png 768w, https:\/\/u-labs.de\/portal\/wp-content\/uploads\/2019\/10\/firefox_2019-10-31_12-19-37-70x2.png 70w, https:\/\/u-labs.de\/portal\/wp-content\/uploads\/2019\/10\/firefox_2019-10-31_12-19-37.png 1223w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<h2 class=\"wp-block-heading\">\u00c4nderungen nicht sichtbar?<\/h2>\n<p>Wenn ihr die \u00c4nderungen nicht sehen k\u00f6nnt, liegt dies nicht zwangsweise an einem Fehler. Ich habe die Erfahrung gemacht, dass die Browser zunehmend aggressiver cachen. Daher empfehle ich, nach solchen \u00c4nderungen <strong>immer<\/strong>den Cache zu leeren. <\/p>\n<p>In Firefox hierzu [STRG] + [SHIFT] + [ENTF] dr\u00fccken. Bei Zeitraum <strong>Alles<\/strong> ausw\u00e4hlen. Alle Haken au\u00dfer <strong>Cache<\/strong> und <strong>Offline-Website-Daten<\/strong> k\u00f6nnen entfernt werden. Dadurch gehen aktive Logins nicht verloren. Im Prinzip reicht in den meisten F\u00e4llen das Leeren des Caches. Ich nehme die Webseite-Daten dennoch gerne dazu, da dies z.B. auch https-Weiterleitungen entfernt.<\/p>\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"410\" height=\"448\" src=\"https:\/\/u-labs.de\/portal\/wp-content\/uploads\/2019\/10\/firefox_2019-10-31_12-23-14.png\" alt=\"\" class=\"wp-image-6407\" srcset=\"https:\/\/u-labs.de\/portal\/wp-content\/uploads\/2019\/10\/firefox_2019-10-31_12-23-14.png 410w, https:\/\/u-labs.de\/portal\/wp-content\/uploads\/2019\/10\/firefox_2019-10-31_12-23-14-275x300.png 275w, https:\/\/u-labs.de\/portal\/wp-content\/uploads\/2019\/10\/firefox_2019-10-31_12-23-14-64x70.png 64w\" sizes=\"auto, (max-width: 410px) 100vw, 410px\" \/><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>HCL Connections (ehemals IBM Connections) wird standardm\u00e4\u00dfig mit dem CKEditor ausgeliefert. Es existiert eine etwas versteckte M\u00f6glichkeit, um diesen Anzupassen. Der folgende Artikel wird auf einer nicht angepassten Connections 6 CR6 unter CentOS 7 beschrieben. CKEditor Konfiguration aus jar-Datei der Anwendung kopieren Da der Editor je nach Anwendung unterschiedlich aufgebaut ist, existieren anwendungsspezifische Konfigurationsdateien. Beispielsweise &#8230;<\/p>\n","protected":false},"author":5,"featured_media":6402,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[765,5],"tags":[763,760,759],"class_list":["post-6401","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-hcl-connections","category-news","tag-ckeditor","tag-hcl-connections","tag-ibm-connections"],"_links":{"self":[{"href":"https:\/\/u-labs.de\/portal\/wp-json\/wp\/v2\/posts\/6401","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/u-labs.de\/portal\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/u-labs.de\/portal\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/u-labs.de\/portal\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/u-labs.de\/portal\/wp-json\/wp\/v2\/comments?post=6401"}],"version-history":[{"count":3,"href":"https:\/\/u-labs.de\/portal\/wp-json\/wp\/v2\/posts\/6401\/revisions"}],"predecessor-version":[{"id":6587,"href":"https:\/\/u-labs.de\/portal\/wp-json\/wp\/v2\/posts\/6401\/revisions\/6587"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/u-labs.de\/portal\/wp-json\/wp\/v2\/media\/6402"}],"wp:attachment":[{"href":"https:\/\/u-labs.de\/portal\/wp-json\/wp\/v2\/media?parent=6401"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/u-labs.de\/portal\/wp-json\/wp\/v2\/categories?post=6401"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/u-labs.de\/portal\/wp-json\/wp\/v2\/tags?post=6401"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}