q-rich-text-editor v0.1.0

Rich Text Editor

The purpose of this component is to provide a standard Rich Text Editor that can be used across Qualtrics Engineering.

Setup

1. Add the package as a dependency

npm install q-rich-text-editor --save

2. Add the following to package.json dependencies

"jquery": "~1.11.0",
"font-awesome": "~4.4.0",
"codemirror": "~5.25.0",
"froala-editor": "~2.6.4"

3. Add the following to your HTML

<link href="./node_modules/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
<link href="./node_modules/codemirror/lib/codemirror.css" rel="stylesheet" type="text/css" />
<link href="./node_modules/froala-editor/css/froala_editor.pkgd.min.css" rel="stylesheet" type="text/css" />
<link href="./node_modules/froala-editor/css/froala_style.min.css" rel="stylesheet" type="text/css" />

<script src="./node_modules/jquery/dist/jquery.min.js" type="text/javascript"></script>
<script src="./node_modules/codemirror/lib/codemirror.js" type="text/javascript"></script>
<script src="./node_modules/codemirror/modes/xml/xml.js" type="text/javascript"></script>

<script src="./node_modules/froala-editor/js/froala-editor.pkgd.min.js"></script>
<script src="./node_modules/q-rich-text-editor/dist/components/examples/examples.min.js"></script>