Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

No toolbar is shown #1553

Closed
Guite opened this issue Dec 14, 2016 · 1 comment
Closed

No toolbar is shown #1553

Guite opened this issue Dec 14, 2016 · 1 comment

Comments

@Guite
Copy link

Guite commented Dec 14, 2016

Trying to use Aloha 1.4.23 with a textarea.

The following stuff is embedded in the head area:

<link rel="stylesheet" href="/src/js/aloha/css/aloha.css" type="text/css">
...
<script type="text/javascript" src="/src/js/jquery/jquery.min.js"></script>
<script type="text/javascript" src="/src/js/bootstrap/js/bootstrap.min.js"></script>
<script type="text/javascript" src="/src/js/html5shiv/dist/html5shiv.js"></script>
<script type="text/javascript" src="/src/js/aloha/lib/require.js"></script>

<script src="/src/js/aloha/lib/aloha.js"
       data-aloha-plugins="common/ui,common/abbr,common/align,common/block,common/characterpicker,common/commands,common/contenthandler,common/format,common/highlighteditables,common/horizontalruler,common/image,common/link,common/list,common/paste,common/table,common/undo,extra/toc,extra/validation">
</script>
<script type="text/javascript">
/* <![CDATA[ */
    (function($) {
        $(document).ready(function() {
            Aloha.ready( function() {
                Aloha.jQuery('#myTextArea').aloha();
            });
        });
    })(jQuery)
 /* ]]> */
</script>

The textarea gets a yellow/orange border and I see a sidebar menu at the right. When clicking on a link inside the textarea this sidebar contains a link section allowing to change the link target as well as other attributes.
So Aloha is working in general. The JS console does not output any error.

But I can not see the toolbar which allows to insert new elements, like headlines and so on. Below is a screenshot of the DOM elements. You can see there is a <div class="aloha aloha-surface aloha-toolbar"> which is hidden though and has no child elements.

screenshot_20161214_102244

Any idea what could be wrong?

@Guite
Copy link
Author

Guite commented Dec 14, 2016

Could be the same problem as #1477

@Guite Guite closed this as completed Jul 20, 2017
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant