close
Focused businessman looking at a scheme of clouds and light bulb in cloudy landscape

Oft kommt es vor, dass bei einer Migration von SharePoint 2013/16 zu SharePoint 2019 oder SharePoint Online bestehende Lösungen übernommen werden sollen.

Kein Script Editor Webpart für Modern Pages

Einige dieser Lösungen wurden im Scipt Editor Webpart auf Classic Pages umgesetzt und sollen nun auf Modern Pages weiter verwendet werden. Leider bietet Microsoft keinen Script Editor Webpart für Modern Pages an. Somit musste man bisher weiterhin Classic Pages verwenden oder die bestehende Lösung mit Mehraufwand als SPFx WebPart umsetzen.

Die Lösung

Da dieser Weg für kleine Erweiterungen mit nur ein paar Code-Zeilen einen gewaltigen Overhead mitbringt, haben wir uns entschlossen einen eigenen SPFx Script Editor Webpart zu entwickeln.

Der HATAHET Modern Script Editor in der Bearbeitungsansicht

In der Bearbeitungsansicht wird automatisch der Code in einer Textbox ausgegeben. Man spart sich also den extra Klick auf „Code bearbeiten“. Um den geänderten Code zu übernehmen, ist jedoch ein Klick auf den „Speichern“-Button des Webparts notwendig. Wir haben uns bewusst gegen eine automatische Speicherung entschieden.

Wie gewohnt hat man die Möglichkeit HTML, Javascript und CSS direkt in den Editor zu schreiben oder externe Scripte einzubinden. Anpassungen in bestehenden Scripten sind dank Integration des klassischen SharePoint Context kaum notwendig.

Sobald man den Inhalt des Modern Script Editor Webparts speichert und die Seite veröffentlicht, werden die im Webpart enthaltenen Scripte ausgeführt. Der Modern Script Editor ist eine einfache und elegante Lösung.

Mathias Tauber

The author Mathias Tauber

Mathias Tauber ist als Senior Web Developer tätig und bringt über 5 Jahre Berufserfahrung im Web Bereich, mit Schwerpunkt auf Frontend Entwicklung und User Experience mit. Bei HATAHET beschäftigt Mathias sich unter anderem mit der Entwicklung von Lösungen für SharePoint On-Premises und SharePoint Online sowie für den digitalen Arbeitsplatz der Zukunft.

Leave a Response