Beautifulhugoでの記事コピペ防止

コピペ防止の適用

 Posted on May 8, 2019  (Last modified on August 30, 2019)
* 本ページはプロモーションが含まれています

記事のコピペ防止 

「テキストのドラッグ、画像のコピーを禁止して、記事をコピーさせない方法 」を参考に、 テキストの選択（ドラッグ）を禁止させる

なお、Beautifulhugoテーマで適用なので、他テーマはよしなに。

スクリプト追記 

bodyタグ内に追記

  • beautifulhugo/layouts/_default/baseof.html
<body onMouseDown="return false;" onSelectStart="return false">

CSS修正 

bodyのcssに追記

  • beautifulhugo/static/css/main.css
user-select:none;
-webkit-user-select:none;
-ms-user-select: none;
-moz-user-select:none;
-khtml-user-select:none;
-webkit-user-drag:none;
-khtml-user-drag:none;

ポイント 

要は、bodyタグ内にJavascriptを記述し、CSSのbodyにCSSを適用すれば良いだけ

beautifulhugo 

See also