WordPressのTinyEditorのソースコードの書き方ですが、ビジュアルモードからテキストモードに移り、ソースコードの前後を<pre><code>ソースコード</code></pre>で囲みます。
枠に囲もうとすれば、その前後を<div style=”…”></div>で囲みます。下図がその方法で書いたものです。
#!/usr/bin/env python3
import sys
from PyQt4 import QtGui, QtCore
class CustomMainWindow(QtGui.QMainWindow):
def __init__(self):
QtGui.QMainWindow.__init__(self)
menubar = self.menuBar() # メニューバーの作成
filemenu = menubar.addMenu('&File') # 「ファイル」メニューの作成
a = QtGui.QAction('Open', self) # 「Open」メニュー項目の作成
a.setShortcut('Ctrl+O') # キーボード・ショートカットの設定
# 選択したらファイルダイアログを表示
self.connect(a, QtCore.SIGNAL('triggered()'),
self.showFileDialog)
filemenu.addAction(a)
a = QtGui.QAction('Save', self) # 「Save」メニュー項目の作成
a.setShortcut('Ctrl+S') # キーボード・ショートカットの設定
# 選択したらファイルダイアログを表示
self.connect(a, QtCore.SIGNAL('triggered()'),
self.saveFileDialog)
filemenu.addAction(a)
a = QtGui.QAction('Exit', self) # 「Exit」メニュー項目の作成
a.setShortcut('Ctrl+Q') # キーボード・ショートカットの設定
# 選択したらウインドウを閉じる
self.connect(a, QtCore.SIGNAL('triggered()'),
QtCore.SLOT('close()'))
filemenu.addAction(a)
self.textEdit = QtGui.QTextEdit() # テキストエディタの作成
self.setCentralWidget(self.textEdit)
def showFileDialog(self):
# ファイルダイアログを表示しファイル名を取得
fname = QtGui.QFileDialog.getOpenFileName(
self, 'Open', '.')
f = open(fname) # ファイルを開く
self.textEdit.setText(f.read()) # ファイルの中身を表示
def saveFileDialog(self):
# ファイルダイアログを表示し保存ファイル名を決定
fname = QtGui.QFileDialog.getSaveFileName(
self, 'Save', '.')
f = open(fname, 'w') # ファイルの保存名を決定する
f.write(str(self.textEdit.toPlainText())) # ファイルを保存する
def main():
app = QtGui.QApplication(sys.argv)
mainw = CustomMainWindow()
mainw.resize(800, 400)
mainw.show()
app.exec()
if __name__ == '__main__':
main()