閲覧モード・編集禁止
https://gyazo.com/30fcf3269df46f555c24391e11357354
同じようなことを思いました。
いっそのこと・・・
ページ内のテキスト編集領域でマウスイベントを無効にしてしまう。
本文中をクリックしてもカーソルが出てこない。
Scrapbox固有 の [* strong ] などの表記を開示しない。
ポートフォリオなど、一般公開したプロジェクトを 閲覧モード・ 編集禁止 の状態にする。
ただし、リンク と ハッシュタグ は残し、閲覧者のリンクジャンプ操作を妨げない。
画像クリック(Gyazoへのリンク)も許す。画像の拡大表示をしたいときがあるので。
ギャラリーでやってみた。
他にもいろいろ消し去って・・・まぁまぁいい感じかも。
注意
コードブロック内ではマウスイベントが効くように残しておく!
settingで変更できなくなるので。
やっちまったら、デベロッパーツールでCSSを解除して脱出するっきゃないのか??
settingページ以外で適用すべきだったかも知れない。
コード領域でのマウスイベントを残しておけば、裏技的だけどコード領域の外側でも編集できる。
マウスイベントが効かないだけで、キーボードイベントは活きているので、コードエリアからカーソル移動して出て来れる!
code:style.css
.editor {
pointer-events: none; /* 危険! */
}
.editor a.link,
.line a.page-link,
.editor .line code, /* 戻せるよーに */
.editor .line span.code-block,
.image {
pointer-events: auto;
}
UserCSS.icon