An excellent WYSIWYG editor written in pure TypeScript without the use of additional libraries. Its file editor and image editor.
For old version, please follow here https://github.com/xdan/jodit2
Download latest release or
Include just two files
<link type="text/css" rel="stylesheet" href="build/jodit.min.css">
<script type="text/javascript" src="build/jodit.min.js"></script>
And some <textarea>
element
<textarea id="editor" name="editor"></textarea>
After this, you can init Jodit plugin
var editor = new Jodit('#editor');
editor.value = '<p>start</p>';
npm install
Run webpack Hot Reload server:
npm start
Demo will be available here
http://localhost:2000/
Build min files:
npm run build
Run tests:
karma start --browsers ChromeHeadless,IE,Firefox karma.conf.js
or
npm test
or
yarn test
For checking tests in browser, open URL:
http://localhost:2000/test/test.html
For testing FileBrowser and Uploader modules, need install PHP Connector
composer create-project --no-dev jodit/connector
Run test PHP server
php -S localhost:8181 -t ./
and set options for Jodit:
var editor = new Jodit('#editor', {
uploader: {
url: 'http://localhost:8181/index-test.php?action=fileUpload'
},
filebrowser: {
ajax: {
url: 'http://localhost:8181/index-test.php'
}
}
});
Jodit.plugins.yourplugin = function (editor) {
editor.events.on('afterInit', function () {
editor.seleciotn.insertHTMl('Text');
});
}
var editor = new Jodit('.someselector', {
extraButtons: [
{
name: 'insertDate',
iconURL: 'http://xdsoft.net/jodit/logo.png',
exec: function (editor) {
editor.selection.insertHTML((new Date).toDateString());
}
}
]
})
- Internet Explorer 9
- Latest Chrome
- Latest Firefox
- Latest Safari
- Microsoft Edge
This project is maintained by a community of developers. Contributions are welcome and appreciated. You can find jodit-ecobilda on GitHub; Feel free to start an issue or create a pull requests: https://github.com/Dakad/jodit-ecobilda
Licensed under GNU General Public License v2.0 or later