Raptor, an HTML5 WYSIWYG content editor!

PANmedia

Last update: Sep 24, 2022

Related tags

Editors raptor-editor

Overview

Raptor Editor

Raptor Editor is a user-focused extensible WYSIWYG website content editor - check out the Demo.

It is designed to be user and developer friendly

Development Status

The Raptor Editor team is currently undergoing some changes. With more and more client work coming our way, our development team are stretched and we're having to redirect our priorities. We're still here, we're still supporting our licencees and we're expanding the team to match our growth. In the mean time, we just might be a bit slower to fix bugs and introduce new features!

Usage

Instantiating the Raptor editor with no options (zero configuration) results in all buttons and plugins being enabled. This is the quickest and easiest way to see Raptor in action.

<div id="element-to-edit"></div>
<script type="text/javascript" src="raptor.js"></script>
<script type="text/javascript">
    $('#element-to-edit').raptor();
</script>

Learn More

To learn more about how to use Raptor, see: Raptor Editor. The site also contains extensive documentation, and some examples.

Keep up to date on announcements and more by following Raptor editor on Twitter, @RaptorEditor.

License

For license information see the Raptor Editor license page.

Contributing

See the following links for information on build & contributing to Raptor:

Comments

Use of select() on inputs call internal functions

Hello,

I have an input using function select() on focus.

But Raptor seems to call some internal functions even when the input is outside his scope.

Look at this example :

<!doctype html>
<head>
    <script type="text/javascript" src="https://www.raptor-editor.com/download/file/6a7118074d262185d594a531f4d42057dcedea4c/raptor.js?1381730756"></script>     

    <style>
    <!-- Auto hide overlay -->
    .ui-widget-overlay
    {
        display: none !important;
    }
    </style>    
    <script>

    $(function($) {
        $('.editable').raptor({
            autoEnable: true
        });
    });
    </script>
</head>
<div class="editable">
<h1>Editable content</h1>
<ol>
    <li>Click to test input fields</li>
    <li>Open a widget (eg. image)</li>
    <li>Click in a input again... </li>
    <li>Ooops : what's happening in console ?</li>
</ol>
</div>
<!-- Use of select everywhere on page seems to call raptor's internal functions -->
<input onFocus="select()" value="Auto-selectable text" />

And that's what it returns : console

My script is still working, but it slows my browser (chrome)...

Thanks.

Have a nice day !

opened by HugoHeneault 15

Latest Version Does Not Work With Forms (data fails to transmit)

I'm testing the latest version of the editor on my forms. Unfortunately, now when I save, the data is no longer passed through as it did last time.

To confirm, I switched back to TinyMCE with the same form, and the data successfully passed.

I know there were some recent changes to how textareas were handled. Could something inadvertently been changed that now adversely impacts form handling and submission?
bug

opened by Bratzilla 13
Editor is using Divs instead of Paragraphs for base elements

I'm doing extensive testing of editors for a project aimed at novelists, and this editor has my attention, very beautiful and I can see how my users would enjoy it, and the Word post features are fantastic (and necessary as you know people will just copy and paste).

However, there is a serious issue with semantics. When I looked at the generated HTML after, say, posting from Word or applying positioning (such as centering). Divs are being used, and that can be an issue, especially in my environment (Joomla) which uses divs extensively for layout.

In addition, semantically speaking, paragraphs should be the default type, not divs. This is also a requirement for our publication standards.

Is there a way to override this so that I can set the paragraph tag as my default block type (like in TinyMCE and CKEditor)? Thanks!
bug

opened by Bratzilla 11
Conflict with Twitter Bootstrap javascript

This issue was raised in the raptor-editor-rails repository ( https://github.com/PANmedia/raptor-editor-rails/issues/1 ):

In /apps/assets/javascripts/application.js, if I include //= bootstrap, the Raptor Editor UI doesn't show. I don't know what you should do about it, but you might want to mention it in the documentation, or develop a workaround. Took me a while to narrow down the issue.

I can also confirm this. The load order makes no difference and there are no console errors. The gem installed for the Bootstrap is bootstrap-sass.
compatibility

opened by ghost 11
Raptor.registerUi: Uncaught ReferenceError: Raptor is not defined

I have tried to add a new button and I got this error. To be sure it's not because of my code, I have tried the CREATING A BASIC RAPTOR BUTTON code example in your example.html file and I got the same error.

I guess you have changed something and your documentation is not up to date.

opened by felixpage 10
Event needed for when the editor exists in the DOM

Currently ready fires too early. I need to know when the editor is in the DOM and accessible.

Any chance of adding a new event, like 'complete', or 'finished', means everything is built and the editor is visible.

I need this as my textarea is display: none, raptor then sets the editor to display none as well (is there any way to change this behaviour?), but ready fires before it is in the DOM. I know that raptor sets display: none on the textarea itself, but I want it hidden as I'm displaying a message that the editor is loading.

opened by BOOKPATH 9
.ui-widget-overlay { z-index: 3000 !important; } ?

Hi,

Is there any reason why this overlay z-index is set to be so big and even more !important? I add raptor-editor into my application and because of this settings I cant use any of modal dialog that exist in raptor-editor (for example setup link options). I fix it for my project with removing this z-index, but I'm wonder is there any reason why its there and also if possible what issues I can have with removing it.

opened by zmilan 8

length option not working?

I init the editor with following code, it always shows the limit is 128, instead of 1024 I claimed in the options

<script type='text/javascript'>
    $('#binContent').editor({
            autoEnable: true,
            replace: true,
            enableUi: false,
            draggable: false,
            ui: {
                textBold: true,
                textItalic: true,
                textUnderline: true,
                textStrike: true,
                quoteBlock: true,
                fontSizeInc: true,
                fontSizeDec: true,
                viewSource: true,
                undo: true,
                redo: true,
                alignLeft: true,
                alignCenter: true,
                alignJustify: true,
                alignRight: true,
                textBold: true,
                textItalic: true,
                textUnderline: true,
                textStrike: true,
                textSuper: true,
                textSub: true,
                listUnordered: true,
                listOrdered: true,
                hr: true,
                quoteBlock: true,
                fontSizeInc: true,
                fontSizeDec: true,
                colorPickerBasic: true,
                clearFormatting: true,
                link: true, 
                unlink:true,
            embed: false,
                floatLeft: false, 
                floatNone: false, 
                floatRight: false,
                tagMenu: true,
                i18n: false,
                length: true,
            },
            plugins: {
                dock: {
                    docked: true,
                    dockToElement: true
                },
                placeholder: {
                    content: '[Paste your text here]'
                },
                length:{
                    length:1024
                }
            },
            disabledPlugins: ['unsavedEditWarning'],
            unloadWarning: false
        });
    </script>

bug

opened by ansbooknet 8

Problem initializong Editor on IE

Hi , I found several problems while initializing editor on IE (9,10,11).The problem occurs on your demo site aswell.

mostly the errors were like calling a method on a undefined variable.

will it be fixed soon?
bug

opened by birko 6
Default element is div instead of p

When I instantiate raptor on an empty textarea, default block is a div.

But when I type something, add some new line, Raptor only creates new divs and no p.

To make it works, I place <p> </p> in my blank textareas, but I don't think it's a working permanent solution.

After some other tests, it seems that Raptor has the same behavior when instantiated on a div.

Some ideas ?

opened by HugoHeneault 6
Raptor fails to apply element style
I have an issue while attempting to apply style on some blocks of text.

Assuming I have this code :

First line.  <div>Second line</div> <div>Third line</div> <div>Last line</div>

If I hover paragraph on style menu, the preview is displayed (except for First line), but on click, nothing is applied (and I still have the same source code without any p.
opened by HugoHeneault 6
Bump uglify-js from 2.3.6 to 3.6.1
Bumps uglify-js from 2.3.6 to 3.6.1.

Release notes

Sourced from uglify-js's releases.

v3.6.1

v3.6.0

v3.5.15

v3.5.14

v3.5.13

v3.5.12

v3.5.11

v3.5.10

v3.5.9

v3.5.8

v3.5.7

v3.5.6

v3.5.5

v3.5.4

v3.5.3

v3.5.2

v3.5.1

... (truncated)

Commits

a82003d v3.6.1

da9f162 report errors correctly in ufuzz (#3456)

8a4c707 account for catch in constant lambda expressions (#3454)

0a63f2f workaround V8 RegExp bug (#3453)

931ac66 fix corner case in hoist_props (#3452)

35338a1 handle function/variable name collisions correctly (#3451)

d57b606 exclude mangling of addEventListener parameters (#3445)

00ada04 facilitate Webpack compatibility (#3435)

a31c477 fix variable scope determination (#3449)

bde7418 update & fix dependencies (#3450)

Additional commits viewable in compare view

Maintainer changes

This version was pushed to npm by alexlamsl, a new releaser for uglify-js since your current version.

Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.

Dependabot commands and options

You can trigger Dependabot actions by commenting on this PR:

@dependabot rebase will rebase this PR

@dependabot recreate will recreate this PR, overwriting any edits that have been made to it

@dependabot merge will merge this PR after your CI passes on it

@dependabot squash and merge will squash and merge this PR after your CI passes on it

@dependabot cancel merge will cancel a previously requested merge and block automerging

@dependabot reopen will reopen this PR if it is closed

@dependabot ignore this [patch|minor|major] version will close this PR and stop Dependabot creating any more for this minor/major version (unless you reopen the PR or upgrade to it yourself)

@dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)

@dependabot use these labels will set the current labels as the default for future PRs for this repo and language

@dependabot use these reviewers will set the current reviewers as the default for future PRs for this repo and language

@dependabot use these assignees will set the current assignees as the default for future PRs for this repo and language

@dependabot use this milestone will set the current milestone as the default for future PRs for this repo and language

You can disable automated security fix PRs for this repo from the Security Alerts page.

dependencies
opened by dependabot[bot] 0
Bump clean-css from 1.0.10 to 4.2.1
Bumps clean-css from 1.0.10 to 4.2.1.

Changelog

Sourced from clean-css's changelog.

4.2.1 / 2018-08-07

Fixes giving breakWith option via a string.

4.2.0 / 2018-08-02

Adds process method for compatibility with optimize-css-assets-webpack-plugin.

Fixed issue #861 - new transition property optimizer.

Fixed issue #895 - ignoring specific styles.

Fixed issue #947 - selector based filtering.

Fixed issue #964 - adds configurable line breaks.

Fixed issue #986 - level 2 optimizations and CSS 4 colors.

Fixed issue #1000 - carriage return handling in tokenizer.

Fixed issue #1038 - font-variation-settings quoting.

Fixes ReDOS vulnerabilities in validator code.

4.1.11 / 2018-03-06

Backports fixes to ReDOS vulnerabilities in validator code.

4.1.10 / 2018-03-05

Fixed issue #988 - edge case in dropping default animation-duration.

Fixed issue #989 - edge case in removing unused at rules.

Fixed issue #1001 - corrupted tokenizer state.

Fixed issue #1006 - edge case in handling invalid source maps.

Fixed issue #1008 - edge case in breaking up font shorthand.

4.1.9 / 2017-09-19

Fixed issue #971 - edge case in removing unused at rules.

4.1.8 / 2017-09-02

Fixed issue #959 - regression in shortening long hex values.

Fixed issue #960 - better explanation of efficiency stat.

Fixed issue #965 - edge case in parsing comment endings.

Fixed issue #966 - remote @imports referenced from local ones.

4.1.7 / 2017-07-14

Fixed issue #957 - 0% minification of width property.

... (truncated)

Commits

87a8722 Version 4.2.1.

b7da0d1 Fixes giving breakWith option via a string.

e14931a Bumps web interface to version 4.2.0.

9dd091f Version 4.2.0.

59bf990 Fixes #964 - allows for configurable line breaks.

48808f7 Fixes #1000 - carriage return handling in tokenizer.

ec259be Fixes #986 - CSS 4 colors in level 2 optimizations.

8f52600 Fixes #1036 - double deepClone declaration.

5603448 Updates changelog - see #1037.

88c558a Fix incorrect stripping of quotes in font-variation-settings (#1039)

Additional commits viewable in compare view

Maintainer changes

This version was pushed to npm by jakub.pawlowicz, a new releaser for clean-css since your current version.

Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.

Dependabot commands and options

You can trigger Dependabot actions by commenting on this PR:

@dependabot rebase will rebase this PR

@dependabot recreate will recreate this PR, overwriting any edits that have been made to it

@dependabot merge will merge this PR after your CI passes on it

@dependabot squash and merge will squash and merge this PR after your CI passes on it

@dependabot cancel merge will cancel a previously requested merge and block automerging

@dependabot reopen will reopen this PR if it is closed

@dependabot ignore this [patch|minor|major] version will close this PR and stop Dependabot creating any more for this minor/major version (unless you reopen the PR or upgrade to it yourself)

@dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)

@dependabot use these labels will set the current labels as the default for future PRs for this repo and language

@dependabot use these reviewers will set the current reviewers as the default for future PRs for this repo and language

@dependabot use these assignees will set the current assignees as the default for future PRs for this repo and language

@dependabot use this milestone will set the current milestone as the default for future PRs for this repo and language

You can disable automated security fix PRs for this repo from the Security Alerts page.

dependencies
opened by dependabot[bot] 0
Website not working redirects to https://panthercms.com/

I am trying to get more information about raptor-editor and the website is not working! Where can I easily find info about it and easily download as well.

opened by Fenn-CS 1
FileManager S3 settings problem

I use S3 (Amazon Simple Storage Service) to connect my FileManager,

http://docs.aws.amazon.com/AmazonS3/latest/API/RESTBucketGET.html

it's says here has max limit 1000. so if i have over 1000 pics, it will missing some file or directory in interface is there has any possible to read by each directory only from s3 ?

like this http://mystorage.s3.amazonaws.com/?prefix=direcctory

opened by ts00617355 3
Raptor in Atom?

Hi,

I would like to use the Raptor Html editor from Atom with out modifying my html pages to include the raptor.js etc, is anyone working on this?

Cheers, Scott

opened by adligo 1

Owner

PANmedia

GitHub www.raptor-editor.com

Open source rich text editor based on HTML5 and the progressive-enhancement approach. Uses a sophisticated security concept and aims to generate fully valid HTML5 markup by preventing unmaintainable tag soups and inline styles.

This project isn’t maintained anymore Please check out this fork. wysihtml5 0.3.0 wysihtml5 is an open source rich text editor based on HTML5 technolo