2013-04-17 194 views
14

任何人都知道在Notepad ++中有一個分屏視圖的方式,我可以在一個窗格/選項卡中編輯我的HTML/CSS,並在另一個選項卡/窗格的瀏覽器中看到實際預覽。用於Notepad ++的實時預覽/所見即所得支持(插件?)?

在理想情況下,這將是:在記事本++本身

  1. (使用本地窗格/選項卡如上所述)
  2. 用戶可以配置任何瀏覽器渲染引擎(鉻,FF,IE,等。 )他們想要在
  3. 中查看預覽

但是,我可以接受上述兩種方式的任何變化,例如只需使用外部窗口/瀏覽器與RubyMine集成即可,或者,預覽僅適用於有限的渲染引擎(僅Chrome可以說)。

+5

我不知道任何插件的記事本++可以做到這一點。我知道它不是記事本++,但你有沒有看過http://brackets.io/的Adobe支架。它的免費,開源,非常適合html/css,並允許使用chrome進行預覽。 – drobson

+3

它實際上是否提供了實時預覽,也就是說,當您在「brackets.io」中進行更改時,它們是否立即顯示/在預覽窗口中顯示?我不會在編輯後每次點擊/重新加載以查看預覽。謝謝。 –

+3

目前,它僅對CSS更改進行實時預覽,而非HTML。 – drobson

回答

16

插件Preview HTML是最匹配你的所期待的。

轉到Plugins菜單,然後找到Preview HTML條目進行安裝。它的描述是:在Notepad ++(或浮動窗口)內預覽HTML文件,而不必先保存它們。最新的更新現在會在切換選項卡後或當文檔發生更改時自動刷新預覽。

官方website更多信息。

+3

我找不到穩定或不穩定插件列表中的預覽HTML。讓我看看你提供的鏈接。 –

1

我知道諸如Webstorm JetBrains 6.0.1這樣的程序可以做到這一點,你也必須下載chrome擴展。如果沒有,那麼你總是可以使用Codeacademy.com作爲替代方法並在那裏輸入代碼編輯器。它仍然有效。 :/

+3

我擁有它,它工作的很棒!繼承人鏈接 http://www.jetbrains.com/phpstorm/ –

1

我認爲你正在尋找它,「預覽HTML」。

這是簡介:http://chiselapp.com/user/vor0nwe/repository/npp_preview/home

+2

詢問代碼的問題必須證明對所解決問題的最小理解。包括嘗試解決方案,爲什麼他們沒有工作,以及預期的結果。另請參閱:堆棧溢出問題清單 –

+3

我編輯了符合SO標準的答案,但編輯被拒絕,原因是*更改太多原始帖子*。所以我不得不寫一個新的答案。對不起。 – psxls