Questions tagged [live-preview]

Live preview is a feature provided by a development tool. It allows the developer to get the visual result of code editing instantly, without refreshing the result page.

Live preview is a feature provided by a development tool. It allows the developer to get the visual result of code editing instantly, without refreshing the result page.

77 questions
1
vote
2 answers

Sanity preview not working when I add or change content in Sanity Studio

I've been trying to get live preview in Sanity to work for several days now, without luck. It works like a charm when I follow this tutorial: how-to-quickly-set-up-a-gatsby-js-jamstack-website-with-a-headless-cms. But when I create a starter blog…
1
vote
1 answer

Unable to enter text in TextField when using live previews in Xcode 12 (beta)

I appreciate that Xcode 12 is in its first beta state but this seems (on initial glance) to be a fairly major bug so I'm wondering if I've missed something... The issue is with TextField when viewing it in a live Preview. Although the view is…
rustproofFish
  • 931
  • 10
  • 32
1
vote
0 answers

Live Preview highlight in sublime text

how to set live preview highlight in sublime text editor, like bracket text editor. when you select a selector in css it shows blue border around that selector in livepreview in brackets texteditor.is there any plug in sublime text do the same.
Mosin
  • 11
  • 2
1
vote
2 answers

Live preview of formatted HTML form input with Rails

I want a feature of previewing some text with HTML tags and then storing the text in database. I know it is not a good idea to allow HTML in database, for XSS security reasons. What are the ways to achieve this? I want a feature similar to the one…
rookieRailer
  • 2,313
  • 2
  • 28
  • 48
1
vote
4 answers

sample editor - same as stackOverflow

I want to create an editor and store formatted text in database. I want just a sample editor do functions like StackOverFlow editor: _sfdfdgdfgfg_ : for underlined text /sfdfdgdfgfg/ : for bolded text I will use a function to replace the first _…
Ali Ben Messaoud
  • 11,690
  • 8
  • 54
  • 87
1
vote
0 answers

visual studio code real time live preview

We have been using Brackets editor for our front-end development tasks. One thing that we really like is the real-time live preview changes as we type the code in the editor. Recently we decided to look into React framework. We have checked out the…
1
vote
3 answers

Brackets empty space to the right

I'm trying out Brackets code editor, and so far I like it, but the vanilla experience is quite lacking. So I searched some usefull Extensions, and unfortunatelly i'm seing an black space to the right, and i don't know which Extension is causing it,…
Dumitru Daniel
  • 571
  • 4
  • 19
1
vote
1 answer

Live preview of the uploaded image in thymeleaf

Here, I'm stuck in displaying preview of the uploaded picture as soon as it is uploaded. All I have done is to get the image upload button:
Abhishek Ekaanth
  • 2,511
  • 2
  • 19
  • 40
1
vote
1 answer

How to live preview a set of files?

I want to build a simple online editor like plunker. Does anyone know how to accomplish the live preview, once several files (.html, .css, .js, .json) have been uploaded? Taking JSBin as example, there are only 1 html text, 1 css text and 1 js text,…
SoftTimur
  • 5,630
  • 38
  • 140
  • 292
1
vote
2 answers

Selecting a particular location inside a Text Input Box with jQuery

I am experimenting with live preview of text inputs. At the moment, users can preview their text as they type and can also select the input field by clicking on the live preview text. What I would like to do is allow users to click on the live…
Ron
  • 69
  • 1
  • 10
1
vote
3 answers

Live HTML/CSS preview from a div tag and not a text area tag

I want to create a live HTML/CSS preview on a page. But the code will not be given using textareas. The code is going to be fixed in the page (div). I want the user to be able to alter the code and that will reflect on the live preview box.I have…
Datacrawler
  • 2,780
  • 8
  • 46
  • 100
1
vote
2 answers

Change color of Live Preview highlight

I want to change the default highlight color of Brackets' feature Live Preview (which now is blue). Why? Some presentation related purposes. I've searched for some extention which allows me to do that and tried to find proper option in brackets…
wopolow
  • 365
  • 4
  • 16
1
vote
1 answer

Brackets live preview on Firefox

Can brackets live preview only using Chrome? I read that brackets 1.1 (I'm using 1.6) allows multi browser and I set this option to true but I didn't find any place to define Firefox as my browser and when clicking the live preview, Chrome opens…
Amos
  • 1,321
  • 2
  • 23
  • 44
1
vote
1 answer

Brackets live preview not working due to syntax error using emmet extension

Using emmet extension to expand html tag abbreviations in Brackets when live preview is active, it doesn't update and shows Live Preview (not working due to syntax error) If for example I write: ul>li*3 and press tab it expands into
Nasif Md. Tanjim
  • 3,862
  • 4
  • 28
  • 38
1
vote
1 answer

Ember- live preview image

I'm doing a product form with a live preview just for fun HBS
{{input type="text" placeholder="First name" value=newProductname class="form-control"}}
kristjan reinhold
  • 2,038
  • 1
  • 17
  • 34