How to enable syntax-highlighting in ckeditor5? (like ckeditor4 + codemirror plugin) - codemirror

I'm using ckeditor on a backend web application for different editing needs.
One of the most used features is editing xml or json files that act as configuration files for webservices or other apps.
This was done with ckeditor 4 or previous with the codemirror plugin, enabling ckeditor as a simple web code-editor.
We are planning to migrate to ckeditor5 but I cannot find a way to achieve the same results (using ckeditor5 to edit xml or json with syntax-highliting).
Any ideas are welcome.
Regards

Related

AEM - import static pages?

We're considering using Adobe Experience Manager for an upcoming project. But we have a number of pre-made static pages we'd like to import into this project. What would be the best way to 'import' these pages into an AEM project?
Note: these pages are HTML that may contain some CSS and JS.
You can serve static HTML, CSS and JS files from AEM. There are multiple ways of getting your files in AEM including but not limited to:
1) Through CRXDE, goto Create > Create File... name your HTML file and save. On the jcr:content subnode, double click on the jcr:data binary property, upload your HTML file and click save.
2) cURL your files into AEM. See the documentation on the SlingPostServlet. You can write a script in Bash, Python or your language of choice to loop over your files and POST to the AEM instance.
3) Go to CRXDE Package Manager, create a simple package, download it and unzip the file. Examine the contents of the zip including the .content.xml files and the /META-INF/vault/filter.xml file. Add your HTML files and update the package filters, zip up the files, upload the package to AEM through the CRXDE Package Manager and install.
Adding to what "nateyolles" has already mentioned,
Adobe Experience Manager provides several options (direct/Indirect) for either importing or exporting data (within the AEM tool they are labeled importers and are found under the tools area). Lets look at each option so you can decide which one will best service your current needs.
1) Site Importer – Allows you to import either a web page or an entire website into AEM. For site imports, you will need to need to specify the project title, site URL (of page or site to import), thumbnail image for the template, the sitemap (for the pages in CQ using the template) and whether or not you want to overwrite (if page or site exist in AEM)
"Use of Site Importer tool"
Link:- https://docs.adobe.com/docs/en/aem/6-2/develop/dev-tools/site-importer.html
2) Feed Importer – The feed import option within Adobe Experience Manager provides the ability to import content via a feed (whether that be an RSS feed or an Atom feed). This can be extremely beneficial to blog creators, like myself, who might want to bring in the content of their blog (from say WordPress, Drupal or another CMS) into an AEM environment.
3) Offline Importer – This functionality, within Adobe Experience Manager, provides the ability to import content from Microsoft Office Word document files into AEM templates (ending with the file extension of .doc). Please note that you should reach out to Adobe’s consulting team for asssistance on this so that they can set up the inputs in the most optimal way to receive your offline data.
4) Import from older version of CQ – This is a pretty straightforward way to import or upgrade from an older version of CQ. If you are familar with AEM, you can stop existing instance, if you have a stand alone instance of AEM replace the jar file, and restart
If you have an application server instance, you will follow these steps:
Stop existing instance, replace the war file and restart.
5) Bulk Editor – This feature provides a multitude of functionality within AEM. For starters, you can make large changes to content at once. Secondly, you can export content to CSV (Microsoft Excel) files.
Kautuk Sahni
(Adobe AEM Community)

Importing tags into AEM from a CSV file

Our client has a spreadsheet of about two thousand tags they want to start using on their AEM-based website.
I need a quick way to automatically import them as AEM tags.
I was thinking of writing a script to parse the document and issue a number of POST requests to AEM to create the content at /etc/tags
As an alterative, I considered uploading the CSV file to the repository and handling the creation of tags by means of a custom component or running a Groovy script in the AEM Groovy console.
Both solutions would require a lot of work and I'm a bit short in time. I also wouldn't like to reinvent the wheel. I don't think there's a way to do complete this task using OOTB functionality but is there any way to speed up the process?
You could use the Tag Maker provided by ACS AEM Tools.
You can find it in Tools > ACS AEM Tools > Tag Maker after installing the AEM Tools package on your instance.
It allows you to import tag hierarchies from CSV files and has a number of pre-defined converter that infer tag names and titles.

Where does orbeon form saved?

I am a new user of orbeon and am trying to some exercise with orbeon's code. I have downloaded orbeon source code from git. I have made a war file (with ant orbeon-dist-war) and placed it in tomcat. Everything is working fine. Then I follow the tutorial and make "my-bookcast" application mentioned there.I found the application source code at "/WEB-INF/resources/apps/my-bookcast" and I know which database is used and where the data are saved. But my questions are
When I create form using orbeon form builder using the video tutorial mentioned in www.orbeon.com, using mouse and keyboard only where the form saved? How can I see the source code (like "my-bookcast") of the saved form?
Can I use the form along with source code in other application, independent off orbeon?
Update: Can anyone tell me, if I want to see the data stored in exist-db then how can I do this. I heard about oxygen, which can be used as a exist-db browser. In that case where can I found the exist-db related configuration in orbeon to connect with the built-in exist-db?
Out of the box, the form definitions and form data are stored into the embedded eXist database. The source code you can see directly from Form Builder, with "Edit Source".
No.
Regarding the question in your update: you can disable the orbeon-exist-filter eXist security filter in web.xml, then should be able to connect with oXygen either via exist-xmlrpc-servlet or exist-rest-servlet which is mounted on /exist/rest/*.
Graphical view
You can find this icon on Right Top.
After clicking, you will get this popup and that's the source

Design of a multilingual site using episerver CMS

How we one design an episerver site with multilaguage support using resource files?
There's no problem using resource files in EPiServer, except for localizing the UI.
Any particular reason why the standard approach of XML language files don't fit your solution?

Browser Word Document Editor

I've been looking at Adobe Buzzword and Zoho Writer and the functionality their editor controls provide is something that I need to incorporate into an application I'm working on.
To be clear, I'm not looking for a WYSIWYG HTML editor like FCKEditor or the Telerik R.A.D controls editor.
What I'm looking for is an editor that can create, edit and save word documents to the server within the browser.
Does anyone know of any controls (commercial or open source) that are available that might be able to provide this functionality? I'd prefer DHTML based, but Flash or Silverlight would be ok too, it just needs to live inside the browser.