ReactJs Ckeditor disable auto inline won't disable inline from being selected on page load react js ckeditor example,react js ckeditor,reactjs ckeditor height,

I'm trying to develop a simple CMS for my page. I want it to where I can edit and delete a users reply on click of a button. I got the delete functionality done so I figured for the reply functionality I would use CKeditor. What I'm struggling with is not being able to disable the autoinline feature. I can still select my div on load of the page rather than clicking a button to enable the inline feature but I don't know what I am doing wrong?

I have tried setting the feature directly in my index.html file, a custom js script file and the config.js ckeditor file but none worked. I am using Ckeditor 4.

this is the snippit of code I'm trying to use to disable inline on my div element but it's not working and I don't know why, i currently have it placed in a custom.js script file and I'm calling it from my index.html file

CKEDITOR.disableAutoInline = true;

Here is my code for my replies page:

import React from 'react';
import CKEditor from 'react-ckeditor-component';
import ForumpageService from '../../services/forumService';
import appController from '../../controllers/appController';

class Forumreplies extends React.Component {
    constructor(props){
        super(props);

        this.elementName = "editor_" + this.props.id;

        this.editReply = this.editReply.bind(this);

        this.state = {
            reply: '',
            errorMsg: '',
            isLoggedin: false,

            // Ck Editor State
            reply: '',

        }
    }

    async componentDidMount(){
        const topicId = this.props.match.params.topicid

        const postDetails = await ForumpageService.replyDetails({topicId: topicId})

        this.setState({
            postDetails: postDetails[0],
            topicId: topicId
        })

        await this.postReplies();

    }

    // Edit the reply
    async editReply(id, e){
        //CKEDITOR.inline(this.elementName);
    }

    async postReplies(){
        const repliesData = await ForumpageService.postreplyDetails({topicId: this.state.topicId})
        await this.setState({repliesData});
    }

    render(){
        const repliesData = currentReply.map((row, index) => {
            return (
                <div className="row" id="reply-messages" key={index}>
                            <div className="col-md-8" suppressContentEditableWarning contentEditable="true" id={this.elementName}>
                                <p dangerouslySetInnerHTML={{__html: row.reply_message }} />
                            </div>
                            <div className="col-md-2">
                                {this.state.isloggedinuserId == row.reply_user_id && this.state.isLoggedin == true ? <i className="far fa-edit" onClick={this.editReply.bind(this, row.reply_id)} title="Edit this reply?"></i> : null }
                            </div>
                        </div>
        })
        return (
            <div className="container" id="forum-replies">
                <div className="row">
                    {repliesData}
                </div>
            </div>
        )
    }
}

export default Forumreplies;
Answer:1



  1. react js ckeditor example
  2. react js ckeditor
  3. reactjs ckeditor height
  4. ckeditor reactjs codepen
  5. ckeditor reactjs component
  6. ckeditor react js tutorial
  7. ckeditor reactjs
  8. ckeditor reactjs example

So I'm trying to create an image lightbox within my const but whenever I try to set the state it won't let me and instead I keep getting an error that says that 'isOpen' is assigned a value but never ...

So I'm trying to create an image lightbox within my const but whenever I try to set the state it won't let me and instead I keep getting an error that says that 'isOpen' is assigned a value but never ...

I appologise if this is a duplicate question, but I can't seem to find the answer to it anywhere. I understand from various other questions that when using an array of components in reactjs, it is ...

I appologise if this is a duplicate question, but I can't seem to find the answer to it anywhere. I understand from various other questions that when using an array of components in reactjs, it is ...