はてなブログの見たままモードで投稿した記事にソースコードを貼り付ける、スクロールバー出さないで自動改行表示

普通に貼り付けたりヤフーブログから移転してきた記事だと

f:id:gogowaten:20190922183206p:plain

ヤフーブログではこう表示されていたのが

はてなブログだと

f:id:gogowaten:20190922183055p:plain

インデントがなくなる
15と16行目のbyte[]の"["と"]"がなくなる

これ以外にもコードの一部が記事の一番下に移動されてるのもあった

f:id:gogowaten:20190922194527p:plain

なにこれひどい

これを

f:id:gogowaten:20190922183635p:plain

だいたいこんな感じで表示したい

ぐぐったら

kurokinomizuiwa.hatenablog.com

www.dreamark.tokyo

こちらを参考にして

こうなって

MainWindow.xaml.cs
using System;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Input;
using System.Windows.Media;
using System.Windows.Media.Imaging;

namespace _20190427_ガウス関数
{
    public partial class MainWindow : Window
    {
        string ImageFileFullPath;        //ファイルパス、画像保存時に使う
        BitmapSource MyBitmapOrigin;     //元画像、リセット用
        byte[] MyPixelsOrigin;//元画像、リセット用
        byte[] MyPixels;//処理後画像

        public MainWindow()
        {
            InitializeComponent();

            this.Drop += MainWindow_Drop;
            this.AllowDrop = true;
ここは長い行、長い行はスクロールバーで表示じゃなくて、右端で自動で改行してほしいいいいいいいいいいいいいいいいいいいいいいいい
        }

スクロールバーは要らなくて、長い行は改行して表示したいので

developer.mozilla.org

ここを見て

HTML編集に切り替えて

f:id:gogowaten:20190922192809p:plain

コードの頭のところにある<pre classの中にあるwhite-space: pre;を探して

f:id:gogowaten:20190922193014p:plain

white-space: pre;を

white-space: pre-wrap;に書き換えて、ついでにフォントを小さくしたいので

font-size: 14px;を

font-size: 12;に書き換えて

f:id:gogowaten:20190922193542p:plain

こうすると

MainWindow.xaml.cs
using System;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Input;
using System.Windows.Media;
using System.Windows.Media.Imaging;

namespace _20190427_ガウス関数
{
    public partial class MainWindow : Window
    {
        string ImageFileFullPath;        //ファイルパス、画像保存時に使う
        BitmapSource MyBitmapOrigin;     //元画像、リセット用
        byte[] MyPixelsOrigin;//元画像、リセット用
        byte[] MyPixels;//処理後画像

        public MainWindow()
        {
            InitializeComponent();

            this.Drop += MainWindow_Drop;
            this.AllowDrop = true;
ここは長い行、長い行はスクロールバーで表示じゃなくて、右端で自動で改行してほしいいいいいいいいいいいいいいいいいいいいいいいい
        }