定义简单面板

    在插件的 package.json 文件中定义 panel 字段如下:

    和 扩展编辑器面板 中介绍的面板定义的区别在于，type 使用 simple，而 main 索引的是 html 文件而不是 javascript 文件。

    1. <html>
    2.   <head>
    3.     <title>Simple Panel Window</title>
    5.     <style>
    6.       body {
    7.         margin: 10px;
    9.       h1 {
    10.         color: #f90
    11.       }
    12.     </style>
    13.   </head>
    16.     <button id="btn">Send Message</button>
    18.     <script>
    19.       let btn = document.getElementById('btn');
    20.       btn.addEventListener('click', () => {
    21.         Editor.log('on button clicked!');
    22.       });
    23.     </script>
    24. </html>

    在完成了上述操作后，我们就可以通过 激活我们的窗口。