午後わてんのブログ

ベランダ菜園とWindows用アプリ作成(WPFとC#)

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

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

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;
ここは長い行、長い行はスクロールバーで表示じゃなくて、右端で自動で改行してほしいいいいいいいいいいいいいいいいいいいいいいいい
        }

スクロールバーが消えて、長い行は改行されるようになった

いいね

 

あとは

毎回HTML編集に切り替えて書き換えるのがめんどくさい

なんかもっとラクな方法ないかしら