يمكنك إزالة خاصية position: absolute. ثم تحديد أبعاد المحرر باستخدام width وheight.

وذلك إذا كان هناك إمكانية لإزالة الخاصية position: absolute حسب المشروع لديك

#editor {
        margin: 0;
        width: 800px;
        height: 600px;
      }

لاحظ أنك تستخدم خاصية top و bottom معا وأيضا left و right للعنصر #editor وبما أنك تضع جميع القيم ب 0 إذا سيأخد المحرر طول وعرض الشاشية بأكملها.

ولديك حلين إذا أردت تحديد طول معين وعرض معين أيضا إذا يجب أن تستخدم top و left فقط ووضع طول للعنصر مثلا 150px أو غيرها .

والحل الثاني إذا أردت طول بالنسبة للصفحة لنفرض مثلا تريده أن يأخذ نصف الصفحة نضع خاصية bottom ب 50% هكذا :

#editor {
        margin: 0;
        position: absolute;
        top: 0;
        bottom: 50%;
        left: 0;
        right: 0;
      }

ولكن لاحظ أنك تضع الخاصية position: absolute ولهذا إذا وضعت عنصر بعده ستجد أن العنصر أصبح خلف المحرر ولهذا لن يظهر ولذلك يجب عليك وضع margin للعنصر الأخر أو إستخدام الخاصية position: relative على عنصر ال body وتحديد طول لعنصر المحرر.

استخدم left و top فقط وليس جميع الإتجاهات، مع تحديد طول وعرض كالتالي:

      #editor {
        margin: 0;
        position: absolute;
        width: 800px;
        height: 600px;
        left: 0;
        top: 0;
      }