Baidu editor ueeditor changes style

The goal is ： I wanted to change ueditor Write the style of the database , I can't use several methods

Methods that have been tried ：

1. Modify the source code , Find the following file , Search for “customstyle” Change the style inside , no way , Maybe there is a definition elsewhere , I'll study it again when I have time .

ueditor\ueditor.all.js

2. The second method , This is the front of the final plan below 3 Step , In fact, there is no change in the style of writing to the database , So the fourth step is to introduce it in the front end ！

Final solution :

First step ： Find the following css, Write a custom style

ueditor\themes\iframe.css

The second step ： Find this profile

ueditor\ueditor.config.js

The third step ： stay ueditor.config.js Internal search “themes/iframe.css” , Open the previous comment double slash

themes/iframe.css

Step four ： Introduce the same css file ,

   <link rel="stylesheet" href="__INDEX__/style/newueditor.css" type="text/css" />

Be careful ： This front end css File and editor css The file is not a ,

Add the outermost layer at the front div Elemental class class , Prevent style conflicts

/* Baidu editor style front-end update */
.entry h1{
    padding:0 4px 20px 0 !important;
} 

In short ：
1. The backend editor introduces a css File and open it in the configuration ,
2. The front end also introduces a css file , Prevent style conflicts , Outermost layer plus div Of className