優(yōu)先級(jí)的問題嗎？？？？可能我沒太看懂你的意思

分兩種情況:
情況1，編輯器受影響的樣式少，那重寫就可以了，工作量也不大。
情況2，編輯器受影響的樣式多，那可以把編輯器寫在單獨(dú)的頁(yè)面里，用iframe引進(jìn)來。
我覺得受影響的樣式應(yīng)該不多，情況1可以了。

只能重寫 或者 importent

把這個(gè)div重新寫一個(gè)樣式。

直接為這個(gè)div重新寫一個(gè)樣式就行了，css樣式有權(quán)重的 會(huì)覆蓋

這個(gè)問題其實(shí)很早以前就有真正的解決方案了：Shadow DOM

<style>
  div {
    padding: 10px;
    background: red;
    font-size: 25px;
    text-transform: uppercase;
    color: white;
  }
</style>

<div>
  <p>I'm outside the element (big/white)</p>
  <my-element>Light DOM content is also affected.</my-element>
  <p>I'm outside the element (big/white)</p>
</div>

<script>
const el = document.querySelector('my-element');
el.attachShadow({mode: 'open'}).innerHTML = `
  <style>
    :host {
      all: initial; /* 1st rule so subsequent properties are reset. */
      display: block;
      background: white;
    }
  </style>
  <p>my-element: all CSS properties are reset to their
     initial value using <code>all: initial</code>.</p>
  <slot></slot>
`;
</script>

https://developer.mozilla.org...

https://developers.google.com...