/acrolinx-sidebar-demo

Demo code for an integration of the Acrolinx sidebar into a web application

Apache License 2.0Apache-2.0

Acrolinx Sidebar Demo

This is a showcase for integrating the Acrolinx Sidebar into a web application.

See: Getting Started with Custom Integrations

Live Demo

Acrolinx Sidebar Web Live Demo

The Acrolinx Sidebar

The Acrolinx Sidebar is designed to show up beside the window where you edit your content. You use it for checking, reviewing, and correcting your content. To get an impression what the Sidebar looks like in existing integrations, have a look at Get Started With the Sidebar.

Prerequisites

Please contact Acrolinx SDK support for consulting and getting your integration certified. This sample works with a test license on an internal Acrolinx URL. This license is only meant for demonstration and developing purposes. Once you finished your integration, you'll have to get a license for your integration from Acrolinx.

Acrolinx offers different other SDKs, and examples for developing integrations.

Before you start developing your own integration, you might benefit from looking into:

Getting Started

Run Locally in a Web Browser

  1. Make sure, that you have installed nodejs that includes npm.

  2. In your console navigate into the projects root folder and install all required node modules with:

    npm install
  3. Now you can start the development server by typing:

    npm start
  4. Now open http://localhost:3000/samples in your web-browser.

  5. Choose the sample, that you want to see. Use https://test-ssl.acrolinx.com as the Acrolinx URL.

    Screenshot of Example

    The best entry point might be the Multi-Editor Example.

Using the SDK

To install the SDK to your npm-based Acrolinx Integration project call:

npm install acrolinx-sidebar-sdk

Configuration

See: config.js

SDK Features

The SDK provides adapters for:

  • contentEditable div-elements,
  • input text elements,
  • CodeMirror,
  • CKEditor,
  • Xeditor,
  • TinyMCE, and a
  • MultiEditorAdapter that can be used to combine different adapters as one document.

If you need to support other editors, sometimes the ContentEditableAdapter works without any changes. If not, implement the AdapterInterface.

References

License

Copyright 2015-present Acrolinx GmbH

Licensed under the Apache License, Version 2.0 (the "License"); you may not use this file except in compliance with the License. You may obtain a copy of the License at:

http://www.apache.org/licenses/LICENSE-2.0

Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for the specific language governing permissions and limitations under the License.

For more information visit: https://www.acrolinx.com