Tab character trimmed when reaching the end of page - html

I have a situation like this http://jsfiddle.net/9cRpe/ .
You can see that the &#09 chars (tab character in html) is trimmed/removed when reaching the end of page. Is it something that can be modified by css so the tab is not trimmed?
See the attached image for the result i'd like to achieve. Thanks

white-space: pre-wrap;
MDN Document
Edit: OK, I made a silly answer.
I think the [Tab] character is not designed to act as "insert n spaces here". Instead, consider the following scenario:
--->code
//->code
You can see this in many IDE as long as you don't convert [Tab]s to [Space]s. So I think the [Tab] character means "push the next character to the next tab position".
That's why you don't see a desired space, because "the next character has already been placed in the next tab position".
Compare these two fiddles: http://jsfiddle.net/9cRpe/1/, http://jsfiddle.net/9cRpe/2/,
notice the space I added before the first "===>", and you can see the first "<===" doesn't move ---- it always aligns to the "tab" word on the first line.
I can't think of a solution right now, but I want to cover my previous stupid-ness, so I write these things that hopefully can inspire you...

Try 5 insted of &#09

Related

Why does contenteditable div insert a "." before the first tag for multiple spaces?

I haven a contenteditable div and notice if I enter multiple spaces, a full stop (period) gets rendered.
So as an example, I key in 'test' followed by two spaces, I end up with this in the DOM:
<div contenteditable="true">test . </div>
How can I preserve the white space for multiple spaces and not get the "." inserted before the first ?
Update:
I see that if I enter spaces in slowly, then no '.' gets added, so must be a timing based reason with how contenteditable works under the hood?
I don't get this behavior. In this fiddle typing two spaces however quickly does not render a period. It sounds to me like either an operating system function or browser extension. If you are testing on mobile, several mobile keyboards behave this way, typing two spaces to get a period and space. Try it with a different user agent or device, and you'll see if this is localized to you.
<div contenteditable="true">type two spaces</div>

Conditionally adding a line to text box with bulleted list in SSRS

I'm a competent C# developer, but new to SSRS, so my inability to figure out this stupid little issue is kinda killing me here.
I've got a report that's basically a printed quote. There's a terms and conditions section at the bottom that looks like
some static text
some static text
some static text
With certain quote types, we want to add one more line to the bottom of that. I've tried a bunch of ways to get this to work, but can't seem to get it to work within the bulleted list. If I add a new line with the bullet, I've got a blank bullet when the quote type doesn't call for that item. If I clear the bullet and try to manually add it with chr(9) for tabs, it doesn't work. The closest I could get to it was this:
=iif(Trim(First(Fields!QuoteTypeCode.Value, "QuoteDetailsDataSet")) = "N", " • Prices Subject to Change", "")
Problem is, that still leaves an unwanted blank line. Ideally, I'd think my solution would be to put my «expr» at the end of the last static text line and trigger a line break that would add another bullet and my text, or, after that line, with html, add a <li>my text</li>, but none of that works.
Is there something silly that I'm missing here?
I could easily just create two versions of this box, one with that line, one without, and conditionally display the appropriate one, depending on what type of quote it is, but that feels "dirty". At this point though, as simple as this task is, I'm ready to go dirty rather than spin my wheels for too much longer over something so trivial. :(
I would Create a separate dataset, ex. Italicsdataset
select "bullet text formatted in html" as Option1, "bullet option 2" as Option 2...
then in your text box select create an expression such as
IIF(fields!Field.value = 1, fields!option1.value, 0)

Any way to make double click select more than one word without Javascript?

Let's say I have a web page which contains command line commands for the user to copy paste. Any way to display it with HTML/CSS which makes double clicking on one word select the entire command?
Example: ls -l /myfiles - clicking on "myfiles" here selects only that word, but for the user it'd be a better experience if the entire command was selected for easier copy-pasting. Again: No javascript is the question here.
I commented in the question that selecting multiple words by double clicking is not possible without javascript. This is not totally true at least for firefox. I just found a way that will select multiple words by double clicking the first word!
You need to use a space followed by unicode ‏ (right-to-left mark)
Only works in Firefox!
jsfiddle demo
OR double click 'Hello' in the block qoute for demo.
Hello ‏my ‏name ‏is ‏Kasper
I don't know why this is working. I was just experimenting with unicodes... More info can be found on w3.org:
Using a Unicode right-to-left mark (RLM) or left-to-right mark (LRM) to mix text direction inline
EDIT:
Using other unicode space characters may be closer to the behaviour you want. For example unicode   DEMO (jsfiddle) OR double click any word in the block quote below (again, only works in firefox)
Hello my name is Kasper
other example (double click on a word with capitals)
in this SENTENCE ONLY WORDS WITH capitals are
selected
Would they be able to just triple click? You can select an entire element with that, or to limit it put in breaks.
This would keep expected highlighting behavior consistent.
No there isn't any way to do that for a double click without javascript.
The default browser behavior is the only behavior available without javascript.
Tripple-click will works to select a single line.
If you want to select a different pattern, you need javascript.
If you only want this behavior on double-click, you need javascript.
Setting the CSS property user-select: all; would allow to select the whole element using a single click: https://www.w3schools.com/cssref/css3_pr_user-select.asp

Close tags dropping below highlighted line

I have minimal experience with HTML script so this may all go horribly wrong here.
Alright so I have a very simple yet very time consuming task of taking complete papers and converting them into HTML script. I'm using Sublime Text 3 with Emmet plugin.
Basically,
This is the first header
This is the first paragraph that needs to be tagged
This is the second header
This is the second paragraph that needs to be tagged
So super simple I need to put header tags on the headers and paragraph tags on the paragraphs.
What I have been doing is holding Ctrl and manually highlighting the desired text as it is all rather random. Problem is that takes forever to manually highlight the text like that.
I am aware of other ways to highlight such as Ctrl + L for the line. Problem is my close tags end up under the highlighted line.
Example:
<h2>This is the first header
</h2><p>This is the first paragraph that needs to be tagged
</p>
It's not a big deal but it makes the code harder to go through later and really chaotic.
The same problem persists if I click the corresponding number of the line.
Seeing as I have hundreds of pages to enter and even more headers, paragraphs, and pictures to properly tag; I'm looking for a solution to the tag dropping below the line or a faster method to entering text.
So, is there a fast method for entering text from a word document to Sublime text and quickly get the corresponding tags? e.g. <h2>,<h3>,<p>,<ul>,<li> and so on.
Any help will save my sanity, thanks.
When you select a line with CtrlL, it automatically selects the entire line, and moves the cursor down to the first position on the following line. There are two ways around this. The first is to place the cursor in the first position on the line you want to select, then just hit ShiftEnd and the line will be selected, with the cursor now sitting in the last position on that same line. Alternatively, use CtrlL, then hit Shift← (left arrow) to move the cursor from the first position on the next line to the last position on the selected line. Either way, you can now hit the key combo in Emmet for inserting a tag pair, and you're all set.

Textbox cursor landing in the middle instead of beginning of line

I am making a page where I try to allow people to write about parks they know about. A problem I am having is that when a person tries to edit a park, the cursor in the text area ends up what seems to be 1 tab over from the beginning.
Here is an example:
http://www.comehike.com/outdoors/parks/park.php?park_id=447
On the left column, if click on "Write and share what you know about this topic" you will see that the cursor doesn't end up in the beginning of the text area.
Any idea why this is happening and how to fix it?
Thanks!!
get rid of the space between the textarea tags and that will solve that problem:
<textarea> </textarea>
<textarea></textarea>
There's obviously data (looks like 2 tabs) being output in the value of the textbox, or is stored in the database with the existing data.
Ah yes, it's between your textarea tags. Remove the tabs.