QtとC++で簡易Webページ作成ツールを作った！

C++

I wrote: 2016/11/19

QtとC++で簡易的なWebページ作成ツールを作ってみました。といっても練習ツールですね。Qtのバージョンは5.5.1になります。

左側でHTMLやCSSを書いて更新ボタンを押すと、右側にWebページが表示されるというものです。完全にHTML初心者向けのツールですね。ブラウザでいちいち更新しなくてもOKなのは良い気がする。

技術的な仕組みとしては、QTextEdit、QWebEngineViewとQPushButtonを配置したWidgetをQt Designerでまず作っています。そしてコード側でそれを読み込むようにしています。

で、HTMLやCSSを左側に書いて、更新ボタンが押されると、クリックイベントを拾って書かれたHTMLの内容を右側に反映されるようにしています。(｡･ω･)ﾉﾞ

 


以下はソース（ヘッダとメインソース　※UIのヘッダは除外）

/****************************
 * sample.h
 ****************************/
#include "ui_sample.h"

class Sample : public QWidget 
{
  Q_OBJECT
public:
  Sample(QWidget *parent = 0);
  ~Sample();
public slots:
	void viewHtml();
public:
  Ui::Sample* ui;
};
/****************************
 * sample.cpp
 ****************************/
#include 
#include 
#include 
#include 
#include "sample.h"

Sample::Sample(QWidget *parent)
  : QWidget(parent), ui(new Ui::Sample)
{
  ui->setupUi(this);
  this->setWindowTitle("Sample");
  connect(ui->button1, SIGNAL(clicked()), this, SLOT(viewHtml()));
}

Sample::~Sample(){ delete ui;}

void Sample::viewHtml() 
{
  ui->view1->setHtml(ui->textEdit1->toPlainText());
}

int main (int argc, char* argv[]) {
  QApplication app(argc, argv);
  Sample sample;
  sample.show();
  return app.exec();
}


実行されたアプリケーション
web