Skip to content

Froala Editor Makes Entire Frontend Page Editable Instead of Target Textarea in BuddyBoss Theme #33

@la-salman

Description

@la-salman

I'm facing an issue integrating the Froala WYSIWYG Editor manually with the BuddyBoss theme in WordPress.

Issue Summary:

  • When using the Froala editor in the WordPress admin panel (Add Post section), it works perfectly — the editor appears on the correct field and behaves as expected.

  • However, on the frontend (Add Post page): The Froala editor appears at the top of the page (not on the intended textarea). The entire page becomes editable, as if Froala is being initialized on the or a wrapper div, instead of the target <textarea>

Expected Behavior:

Froala should initialize only on the specified <textarea> element and render in its place — not at the top of the page, and definitely not turning the full page into an editable document.

Steps to Reproduce:

  1. Manually install Froala in a WordPress site using the BuddyBoss theme.
  2. Go to the frontend user profile page in the BuddyBoss theme.
    3.Navigate to the Posts tab.
  3. Navigate to Create Post.
    5.Froala editor appears at the top of the page, and the entire page becomes editable, instead of targeting the intended post content <textarea>.

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions