Add the ability to make certain panes read-only.

In our classroom, we did a Do Now this morning that involved our students changing the text of a div tag in JavaScript from "something" to "something else". They, being the growth hackers that they are, proceeded to change the text in html 🤦🏻‍♀️ instead of writing $("div").text("something else");. It'd be useful to add the ability to lock editing in certain panels. Looks like this is possible in Ace with editor.setReadOnly(true) (https://github.com/ajaxorg/ace/issues/406).

まず Ace エディターのセットアップ箇所を見つけ、リンク先の Ace 読み取り専用 API を確認します。教室の個々のパネルがどのように選択されるかを特定し、選択されたパネルは編集できない一方で、他のパネルは編集可能なままであることを確認します。説明されている教室の演習で、要求されたパネル単位のロックが機能すれば完了です。