Witam!
Czy integrował ktoś z Was w React plugin do CKEditora4 Code Snippet ? Link: https://ckeditor.com/cke4/addon/codesnippet
Ewentualnie zna ktoś inną paczkę aby uzyskać taki efekt? Z podaną paczką mam taki problem że w trakcie edycji w CKEditorze mam dobrze pokolorowaną składnię kodu ale przy wyświetleniu poza CKEditorem jest już inaczej ponieważ wyświetla się jako zwykły tekst. Wyświetlam tekst jako
<span dangerouslySetInnerHTML={{__html: props.element.content}}/>
Ale w niczym to nie pomaga. O ile sam się domyślam to nie są zaimportowane klasy css na stronie na której wyświetla się treść z CKEditora. Dokumentacja https://ckeditor.com/docs/ckeditor4/latest/guide/dev_codesnippet.html podaje że powinienem zaimportować pliki:
<link href="ckeditor/plugins/codesnippet/lib/highlight/styles/default.css" rel="stylesheet">
<script src="ckeditor/plugins/codesnippet/lib/highlight/highlight.pack.js"></script>
Więc import pliku default.css dodaję w sekcji head a pliku highlight.pack.js na końcu sekcji body. Ale co w przypadku linijki
<script>hljs.initHighlightingOnLoad();</script>
Dodając to na końcu sekcji body nic nie da ponieważ w Reacie ma mam przy przechodzeniu na podstrony przeładowania całej zawartości htmla. Próbowałem dodać powyższą linijkę zaraz po wyświetleniu tekstu jako
(<script>hljs.initHighlightingOnLoad();</script>)
w funkcji render() w komponencie lecz bezskutecznie. Czy ktoś może spotkał się z takim problemem?