title: Ckeditor disable auto inline won't disable inline from being selected on page load
body: <p>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 <code>div</code> 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?</p>
  
  <p>I have tried setting the feature directly in my index.html file, a custom js script file and the <code>config.js</code> ckeditor file but none worked. I am using Ckeditor 4.</p>
  
  <p>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 <code>custom.js</code> script file and I'm calling it from my <code>index.html</code> file</p>
  
  <p><code>CKEDITOR.disableAutoInline = true;</code></p>
  
  <p>Here is my code for my replies page:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>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) =&gt; {
              return (
                  &lt;div className="row" id="reply-messages" key={index}&gt;
                              &lt;div className="col-md-8" suppressContentEditableWarning contentEditable="true" id={this.elementName}&gt;
                                  &lt;p dangerouslySetInnerHTML={{__html: row.reply_message }} /&gt;
                              &lt;/div&gt;
                              &lt;div className="col-md-2"&gt;
                                  {this.state.isloggedinuserId == row.reply_user_id &amp;&amp; this.state.isLoggedin == true ? &lt;i className="far fa-edit" onClick={this.editReply.bind(this, row.reply_id)} title="Edit this reply?"&gt;&lt;/i&gt; : null }
                              &lt;/div&gt;
                          &lt;/div&gt;
          })
          return (
              &lt;div className="container" id="forum-replies"&gt;
                  &lt;div className="row"&gt;
                      {repliesData}
                  &lt;/div&gt;
              &lt;/div&gt;
          )
      }
  }
  
  export default Forumreplies;</code></pre>
  </div>
  </div>
  </p>