8 ms·

I really liked the web preview of TM1. But its gone in this version of TM2. :( No other editor has this functionality, except maybe espresso[1], but I don't rea

I really liked the web preview of TM1. But its gone in this version of TM2. :( No other editor has this functionality, except maybe espresso[1], but I don't really like their solution. Nor am I that happy with http://livereload.com/ http://livereload.com/ as it only updates on save. As a front end dev, I want a live preview in my editor that autoupdates on each key press, this makes prototyping so much faster. I guess its time to start working on a SublimeText2 Plugin... [1]http://macrabbit.com/espresso/ http://macrabbit.com/espresso/

deleted 15y ago
[deleted]
aerique 15y ago
Can you please expand on this live preview thing so people can add it to Emacs?
- blissofbeing 15y ago
  Sure. A live preview window is a web preview window that is attached to another window (or buffer I suppose). The live preview window is basically a web browser window that auto-updates on each keypress from the attached editor window. Espresso and Chocolat have this functionality, but it looks like these editors simply refresh the whole page on every keypress. This constant refreshing causes a flicker on each keypress and makes me turn it off because I don't like the constant flickering. Livereload is similar because it refreshes the entire browser window on every file save. Its not instant so its not an ideal solution for me. TM1 seems to only update that text that is updated, no flickering, possibly through some iframe injection technique, I find the iframe injection technique[1] much easier on the eyes because there isn't a page flicker on each keypress. So, on to make some plugins... :) [1]http://net.tutsplus.com/tutorials/html-css-techniques/how-to-inject-custom-html-and-css-into-an-iframe/ http://net.tutsplus.com/tutorials/html-css-techniques/how-to...
  - aerique 15y ago
    Thanks!
  - nyellin 15y ago
    It refreshes the whole page, but Emacs has http://www.emacswiki.org/emacs/MozRepl http://www.emacswiki.org/emacs/MozRepl
  - themanr 15y ago
    I've found that http://livejs.com/ http://livejs.com/ works pretty well.
  - alextgordon 15y ago
    I looked into doing this for Chocolat a50, but I couldn't figure out how to do it. It's clearly possible to update a single resource without doing a full reload, because the Web Inspector does it. The iframe idea is interesting. I'm not sure why it would be any less flickery, since it seems equivalent to what we do now: get the -mainFrame and call -loadHTMLString:baseURL: on it.
    - blissofbeing 15y ago
      I don't know much obj-c (yet), so I'm not sure how similar you say Chocolat is to the iframe injection solution, but you can see it in action here: http://jsbin.com/#javascript,html,live http://jsbin.com/#javascript,html,live There is no flickering. If you could implement this into Chocolat I would use it everyday :)
jorisw 15y ago
Try out Coda by Panic. IMHO the best editor out there. http://panic.com/coda http://panic.com/coda
- crag 15y ago
  Coda is nice to look out. But compared to other editors it's years behind. Now I know Panic is working on Coda 2. But I'm not betting the farm on that. Considering Coda has been out for like 5 years. Sure they've released minor updates to keep the current version running on Lion (and bug fixes) but Panic hasn't address anything else really. I could write a LONG list of missing options and features (Like no CSS3 support for one). And it's damn expensive; $100.00 when emacs is free. Look if you are going to charge for an editor, you better make sure it stays with the times. Something Coda has not.
Tycho 15y ago
I think TacoEdit had this too,

deleted 15y ago

[deleted]

aerique 15y ago

Can you please expand on this live preview thing so people can add it to Emacs?

blissofbeing 15y ago
Sure. A live preview window is a web preview window that is attached to another window (or buffer I suppose). The live preview window is basically a web browser window that auto-updates on each keypress from the attached editor window. Espresso and Chocolat have this functionality, but it looks like these editors simply refresh the whole page on every keypress. This constant refreshing causes a flicker on each keypress and makes me turn it off because I don't like the constant flickering. Livereload is similar because it refreshes the entire browser window on every file save. Its not instant so its not an ideal solution for me. TM1 seems to only update that text that is updated, no flickering, possibly through some iframe injection technique, I find the iframe injection technique[1] much easier on the eyes because there isn't a page flicker on each keypress. So, on to make some plugins... :) [1]http://net.tutsplus.com/tutorials/html-css-techniques/how-to-inject-custom-html-and-css-into-an-iframe/ http://net.tutsplus.com/tutorials/html-css-techniques/how-to...
- aerique 15y ago
  Thanks!
- nyellin 15y ago
  It refreshes the whole page, but Emacs has http://www.emacswiki.org/emacs/MozRepl http://www.emacswiki.org/emacs/MozRepl
- themanr 15y ago
  I've found that http://livejs.com/ http://livejs.com/ works pretty well.
- alextgordon 15y ago
  I looked into doing this for Chocolat a50, but I couldn't figure out how to do it. It's clearly possible to update a single resource without doing a full reload, because the Web Inspector does it. The iframe idea is interesting. I'm not sure why it would be any less flickery, since it seems equivalent to what we do now: get the -mainFrame and call -loadHTMLString:baseURL: on it.
  - blissofbeing 15y ago
    I don't know much obj-c (yet), so I'm not sure how similar you say Chocolat is to the iframe injection solution, but you can see it in action here: http://jsbin.com/#javascript,html,live http://jsbin.com/#javascript,html,live There is no flickering. If you could implement this into Chocolat I would use it everyday :)

jorisw 15y ago

Try out Coda by Panic. IMHO the best editor out there. http://panic.com/coda http://panic.com/coda

crag 15y ago
Coda is nice to look out. But compared to other editors it's years behind. Now I know Panic is working on Coda 2. But I'm not betting the farm on that. Considering Coda has been out for like 5 years. Sure they've released minor updates to keep the current version running on Lion (and bug fixes) but Panic hasn't address anything else really. I could write a LONG list of missing options and features (Like no CSS3 support for one). And it's damn expensive; $100.00 when emacs is free. Look if you are going to charge for an editor, you better make sure it stays with the times. Something Coda has not.

Tycho 15y ago

I think TacoEdit had this too,