tinymce error in console log #2020

Closed
opened 2026-02-05 02:36:21 +03:00 by OVERLORD · 9 comments
Owner

Originally created by @FredFu0234 on GitHub (Jan 7, 2021).

Describe the bug
In JS Console I receive an error when editing a page on a fres installed bookstack instance.
The editor seems to be working. But I have no clue if maybe some features are not working.

Steps To Reproduce
Install a new Bookstack - login as administrator - create a new page - look into the javascript console.

Expected behavior
No errors in the js console.

Your Configuration (please complete the following information):

  • Browser: newest Firefox in Ubuntu 20.04
  • Exact BookStack Version: BookStack v0.31.1
  • PHP Version: 7.4.3
  • Hosting Method: Nginx on Ubuntu 20.04

image

Originally created by @FredFu0234 on GitHub (Jan 7, 2021). **Describe the bug** In JS Console I receive an error when editing a page on a fres installed bookstack instance. The editor seems to be working. But I have no clue if maybe some features are not working. **Steps To Reproduce** Install a new Bookstack - login as administrator - create a new page - look into the javascript console. **Expected behavior** No errors in the js console. **Your Configuration (please complete the following information):** - Browser: newest Firefox in Ubuntu 20.04 - Exact BookStack Version: BookStack v0.31.1 - PHP Version: 7.4.3 - Hosting Method: Nginx on Ubuntu 20.04 ![image](https://user-images.githubusercontent.com/77101192/103881431-b71a9f80-50da-11eb-83d5-de2719bf30ca.png)
OVERLORD added the 🐛 Bug📝 WYSIWYG Editor💻 Front-End labels 2026-02-05 02:36:21 +03:00
Author
Owner

@ssddanbrown commented on GitHub (Jan 9, 2021):

Thanks for reporting this @FredFu0234.

I'm having trouble though re-producing this. Do you get this error consistently?
Do you also get this on the demo site? (https://demo.bookstackapp.com/books/bookstack-user-guide/page/logging-in-to-the-demo-site)

@ssddanbrown commented on GitHub (Jan 9, 2021): Thanks for reporting this @FredFu0234. I'm having trouble though re-producing this. Do you get this error consistently? Do you also get this on the demo site? (https://demo.bookstackapp.com/books/bookstack-user-guide/page/logging-in-to-the-demo-site)
Author
Owner

@FredFu0234 commented on GitHub (Jan 10, 2021):

Yes, it is reproduceable. I think it is related to images. The error comes as soon as I inserted an image.

image

@FredFu0234 commented on GitHub (Jan 10, 2021): Yes, it is reproduceable. I think it is related to images. The error comes as soon as I inserted an image. ![image](https://user-images.githubusercontent.com/77101192/104120198-46bb8a80-5335-11eb-9bad-1b4187c1aa64.png)
Author
Owner

@nderambure commented on GitHub (Apr 13, 2021):

Same error for me : I can't see the Wysiwyg editor when trying to edit a page.

Fresh install of 21.04 locally on PHP 7.4 and MySQL 8.0.23.
I've just created a shelve, then a book and when creating a page, Wysiwyg does not boot.
There is also some 404 alert which are not seen as it in network dev panel of Firefox.

error_tinymce_bookstack

@nderambure commented on GitHub (Apr 13, 2021): Same error for me : I can't see the Wysiwyg editor when trying to edit a page. Fresh install of 21.04 locally on PHP 7.4 and MySQL 8.0.23. I've just created a shelve, then a book and when creating a page, Wysiwyg does not boot. There is also some 404 alert which are not seen as it in network dev panel of Firefox. ![error_tinymce_bookstack](https://user-images.githubusercontent.com/1145642/114472496-9b9bc500-9bf2-11eb-85d4-cd6cd37f4630.png)
Author
Owner

@ssddanbrown commented on GitHub (Apr 13, 2021):

Hi @nderambure,
Do you also get this issue on the demo site?: https://demo.bookstackapp.com/books/bookstack-user-guide/page/logging-in-to-the-demo-site

@ssddanbrown commented on GitHub (Apr 13, 2021): Hi @nderambure, Do you also get this issue on the demo site?: https://demo.bookstackapp.com/books/bookstack-user-guide/page/logging-in-to-the-demo-site
Author
Owner

@nderambure commented on GitHub (Apr 14, 2021):

Hello @ssddanbrown : nope the demo works fine !
I really do only a proper install as described in the doc, no fancy stuff.

@nderambure commented on GitHub (Apr 14, 2021): Hello @ssddanbrown : nope the demo works fine ! I really do only a proper install as described in the doc, no fancy stuff.
Author
Owner

@FredFu0234 commented on GitHub (Apr 20, 2021):

Now, the demo is working fine. No errors in the console anymore.

@FredFu0234 commented on GitHub (Apr 20, 2021): Now, the demo is working fine. No errors in the console anymore.
Author
Owner

@ssddanbrown commented on GitHub (Apr 20, 2021):

Any errors on your own instance? When on the latest version?

I tried to replicate but I've been unable to reproduce the mentioned errors so far.

@ssddanbrown commented on GitHub (Apr 20, 2021): Any errors on your own instance? When on the latest version? I tried to replicate but I've been unable to reproduce the mentioned errors so far.
Author
Owner

@nderambure commented on GitHub (Apr 21, 2021):

I've just installed the last release 21.04.1 and now I can see and edit with Tinymce, but there is still some problems.

Just to be sure, my vhost is :

<VirtualHost *:80>

        ServerName      test-bookstack.localdev
        ServerAlias     www.test-bookstack.localdev

        DocumentRoot "/Users/nico/www/test-bookstack/test-bookstack.localdev/public"

        <Directory /Users/nico/www/test-bookstack/test-bookstack.localdev/public>
                Options -Indexes +FollowSymLinks +MultiViews
                Require all granted
                AllowOverride All
        </Directory>

        ErrorLog /var/log/apache2/boostack.error.log
        LogLevel error
        CustomLog /var/log/apache2/bookstack.access.log vhost_combined

</VirtualHost>

Mod rewrite is up. Then I've ran the install commands in my main folder :

git clone https://github.com/BookStackApp/BookStack.git test-bookstack.localdev --branch release --single-branch
cd test-bookstack.localdev
php artisan key:generate

Then fill the .env file and php artisan migrate.

Logged in, create a shelve, a book and then a page with the dev tools opened on my Firefox 80.0 (tested in 79 too) on a Mac M1 with PHP 7.4 and MySQL 8.0.23 (via brew).

Randomly, when reloading (without cache) the wysiwyg editor page, I got the same error than before, but it still works somehow.
Note that I also get the error when clicking save and the back to editor, but really less often.

So I've tested in Chrome 90 too, and I get the same behaviour, but not the same error. Here is the Chrome dev tools error :

chrome_error

But it still works, which was not the case with 21.04.

I've also noticed another problem with url rewriting, but I'll make another ticket for this.

@nderambure commented on GitHub (Apr 21, 2021): I've just installed the last release 21.04.1 and now I can see and edit with Tinymce, but there is still some problems. Just to be sure, my vhost is : ``` <VirtualHost *:80> ServerName test-bookstack.localdev ServerAlias www.test-bookstack.localdev DocumentRoot "/Users/nico/www/test-bookstack/test-bookstack.localdev/public" <Directory /Users/nico/www/test-bookstack/test-bookstack.localdev/public> Options -Indexes +FollowSymLinks +MultiViews Require all granted AllowOverride All </Directory> ErrorLog /var/log/apache2/boostack.error.log LogLevel error CustomLog /var/log/apache2/bookstack.access.log vhost_combined </VirtualHost> ``` Mod rewrite is up. Then I've ran the install commands in my main folder : ``` git clone https://github.com/BookStackApp/BookStack.git test-bookstack.localdev --branch release --single-branch cd test-bookstack.localdev php artisan key:generate ``` Then fill the .env file and `php artisan migrate`. Logged in, create a shelve, a book and then a page with the dev tools opened on my Firefox 80.0 (tested in 79 too) on a Mac M1 with PHP 7.4 and MySQL 8.0.23 (via brew). Randomly, when reloading (without cache) the wysiwyg editor page, I got the same error than before, but it still works somehow. Note that I also get the error when clicking save and the back to editor, but really less often. So I've tested in Chrome 90 too, and I get the same behaviour, but not the same error. Here is the Chrome dev tools error : ![chrome_error](https://user-images.githubusercontent.com/1145642/115469808-96172e00-a235-11eb-9b21-37e19c0afd21.png) But it still works, which was not the case with 21.04. I've also noticed another problem with url rewriting, but I'll make another ticket for this.
Author
Owner

@ssddanbrown commented on GitHub (Feb 8, 2022):

I found this was intermittent in testing as it was timing based (Attempted focus before editor loaded).
Should now be patched as of current dev branch, and should no longer be an issue from next feature release. Will therefore close this off. Thanks all for your input.

@ssddanbrown commented on GitHub (Feb 8, 2022): I found this was intermittent in testing as it was timing based (Attempted focus before editor loaded). Should now be patched as of current dev branch, and should no longer be an issue from next feature release. Will therefore close this off. Thanks all for your input.
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: starred/BookStack#2020