MS Teams was selected as a communication tool in our company. We do post code into it. And that code contains asterisks, underscores and even numbers! I understand it's business critical feature, but will never, ever, ever need smiley face, smiley face with sunglasses, or part of my code arbitrarily missing stars/underscores and get arbitrarily boldened/empahsized. Even if I write message as code, the asterisks still mingles the text.
Is it somehow possible to turn all these off? Settings or some message header? To send message 'as it was written', without any teenage beautifications?
UPDATE: regarding pressing > to enter verbatim text:
I entered "does not", shift enter, then "really work", go up and created section for text supposed to be verbatim. It really does not work. Then I tried to start immediately with "> " and it equally does not work. On 3rd attempt I noticed some glitching, as I was able to enter bold text, but smiley face did not replace :) To conclude, I'd say "> " unlocks new layer of MS Teams instability and bugs, but cannot be used to enter verbatim text.
If you just need a simple code block, you can send text as code by starting the line with > (enter > then press Space).
Typing in this code block will still replace matching patterns with smilies/emoji, but pasting will not. You should be able to paste your code without issue.
Press Enter twice to escape the code block.
Formatting is retained after sending the message (including leading whitespace which would have been stripped without the code block).
If you need more advanced features, there's a code snippet button hidden in the advanced editor.
After clicking the code snippet button, a modal will open.
You can name the snippet, choose whether or not to wrap text in the snippet, and pick a language to provide highlighting in the snippet. Under these options is a field to paste your code.
Once you finish setting up the snippet, click the Insert button to add the snippet to the current message. You can continue editing the message.
Click the "Send Message" (arrow) button as normal to send the message.
Click the "Expand Preview" link to show the whole code block with the chosen language syntax applied.
I am using CK editor 4.4.6.
It seem on the first instance of pressing shift + enter, the editor inserts an invisible character. Upon submission, the character saves as a question mark. I can't see the character in the form submission when viewing the debug in the browser or the source code in the WYSIWYG editor itself. I do however notice when I press the right arrow that the cursor pauses at this character even though I can't see it. The page is being served in UTF-8.
This character is zero-width-space and is used by CKEditor to workaround Safari's and Blink's problems with placing selection inside empty inline tags or around them or in couple of other positions.
However, this character should never end up in data. It's used only internally and it is removed when getting data from editor. So, if you can find it in your database it means that you either get data from editor incorrectly, or you encounter some bug in the mechanism I described. In the latter is true please report a bug on http://dev.ckeditor.com, but please also describe how you reproduce it.
Looks like the editor is inserting character 8203.
What's HTML character code 8203?
I don't want to mess with the editor script at the moment so I'm just stripping out that character in the future on form/ajax post.
I need to take a full screenshot of a localhost page I'm working on. Print Screen button offers me no solution to this nor the Alt-Print Screen does, as they take only what is displayed on the screen. I need the shot of the full page.
I tried with some online services and a couple of add-ons for Firefox to no avail since they cannot reach any localhost addess or are not compatible with FF 29.
Is there a way I can achieve this?
I'll answer my own question.
Forget about add-ons. You can do it via the browser's built-in Developer's Toolbar commands.
Press Shift+F2 and to bring the toolbar up at the bottom of the screen.
Type: screenshot file --fullpage
You will be asked for a location to sav your screenshot in .png format (e.g. file.png).
You can also omit the file name if you don't want the image to be saved and rather send it to the clipboard: - screenshot --fullpage --clipboard
Type screenshot help to see more interesting options.
The Firefox source docs tell how to take a screenshot with the developer tools
Using the screenshot icon
By default, the screenshot icon is not enabled. To enable it:
visit the Settings page
find the section labeled “Available Toolbox Buttons”
check the box labeled “Take a screenshot of the entire page”.
Using the screenshot command
Type :screenshot in the Web Console to create a screenshot of the
current page. By default, the image file will be named Screen Shot
yyy-mm-dd at hh.mm.ss.png.
Helpful params
Command
Type
Description
--clipboard
boolean
When present, this parameter will cause the screenshot to be copied to the clipboard. Prevents saving to a file unless you use the --file option to force file writing.
--delay
number
The number of seconds to delay before taking the screenshot; you can use an integer or floating point number. This is useful if you want to pop open a menu or invoke a hover state for the screenshot.
--dpr
number
The device pixel ratio to use when taking the screenshot. Values above 1 yield “zoomed-in” images, whereas values below 1 create “zoomed-out” images.
--file
boolean
When present, the screenshot will be saved to a file, even if other options (e.g. --clipboard) are included.
--filename
string
The name to use in saving the file. The file should have a “.png” extension.
--fullpage
boolean
If included, the full webpage will be saved. With this parameter, even the parts of the webpage which are outside the current bounds of the window will be included in the screenshot. When used, "-fullpage” will be appended to the file name.
--selector
string
A CSS selector that selects a single element on the page. When supplied, only this element and its descendants will be included in the screenshot.
This is maybe a weird request but hear me out:
I have a huge database at my shop containing product codes, like 87 445 G 6 which I need to check for availability on a supplier's website. The problem is, the supplier's website consists of a web form in which I have to enter the code without spaces, so imagine that I have to manually delete spaces every time I paste a code or write it manually without.
I can't edit the database from which I copy the codes.
I wonder if some sort of plugin, script, or trick can be used directly in browser on the supplier's web form, or some software to modify how the windows clipboard works, maybe some option to copy text without spaces. Using Windows XP.
The OP has probably moved on, but for anyone else looking here, my approach was to tackle this from the windows clipboard side.
For background: I keep a list of my credit card info in Keepass. Sometimes (poorly coded) shopping cart checkout forms don't like spaces in between card numbers. I like storing them with spaces since it's easier to read off that way.
There's various Windows clipboard utilites out there, but it took me a while to find one that could do some processing on the clipboard contents and pasting it out - Clipboard Help and Spell
The program has a way to "save" a bunch of text transformations, and even assign the action to a hotkey.
For reference, my "Find and Replace" action is to find "\s" (without quotes) and leave the Replace textbox empty. "\s" will match whitespace character.
Use the javascript console
You could use the javascript console for your browser to edit the textarea after you paste.
Using Google Chrome (or Firefox)
Paste your text in the text area.
Right click the text area and click Inspect Element
Look at the id for the element
Now switch to the console view
then run these lines (making sure to replace with 'the-id' with your id)
var my_text_area = document.getElementById('the-id'); // Put your id in here
my_text_area.value = my_text_area.value.replace(/ /g,"") // Deletes just spaces
It's even simpler if you have access to jQuery:
$('#the-id').val($('#the-id').val().replace(/ /g, ""))
The replace function is simply using regular expressions to convert spaces to nothing. If you want to replace all whitespace (including newlines) you would use .replace(/\s/g,"").
For firefox, the names are the same but the UI is a little bit different.
Use greasemonkey
You can either write a greasemonkey plugin or try to find one that fits your needs.
When should I put ... at the end of a menu item? I seem to remember reading some rules but can't for the life of me find them.
For context - I'm adding a properties option to a right click menu and am wondering if it is appropriate to add them.
As I understand it it indicates that the option will ask you something else before actually doing anything. The 3 dots are actually called an ellipsis, and if you check out the English use it kind of makes sense:
http://en.wikipedia.org/wiki/Ellipsis
BTW I've noticed OpenOffice breaks this convention sometimes!
When the option will send the user to some sort of dialog where the user has to do something before a real change is made. Options without the ellipse take effect immediately.
For example, 'Save' doesn't have an ellipsis, while 'Save As...' does because the user has to input the new name/location of the file.
One exception to the first two answers: if the whole point of the menu command is to open a window or dialog, then you don't need an ellipsis. For example, a "Get Info" or "Properties" command shouldn't have it, even though it's opening a window which lets you edit things.
It's only when the menu command's purpose is to do something else, but it needs a dialog or confirmation in order to do it.
It means that there will be another dialog box after you select that option, it won't actually 'do' anything. There will be another prompt.
To be exact, the rule is that if more information is required from the user to complete an action, then include an ellipsis. In the MS Vista User Experience Guidelines, getting a confirmation qualifies as "more information" (see http://msdn.microsoft.com/en-us/library/aa511502.aspx). Commands to show Properties, About, Help, Options do not get ellipsis because no further information is needed to execute the command, which is "Show Properties" or "Show Documentation" or "Show Options." The File Open command gets an ellipsis because additional information is needed to open the file, namely the file name.
If the menu is an action that the user will be doing, but the action won't be completed until we get more information from the user, you show an ellipsis, e.g.:
Format Hard Drive… (we need to know which one, and the file system type)
Save As… (we need to know what filename and type to save as)
Print… (we need to know what printer and quality settings)
Find… (we show a text box asking for the text to search for, and where)
Rename… (rename to what)
As opposed to actions that will happen the moment you click the menu item, e.g.:
Save
Undo
Redo
Select All
Ellipses don't just indicate that a dialog will appear. i.e. if it's not an "action", then there's no ellipses, e.g.:
About Gizmo
Page Setup
Print Preview
Options
File Properties
And asking the user if they want to do something does not count as "getting more information from the user", e.g.:
Delete File
Recycle File
New Text Document
Whenever selecting that item results in another dialog box appearing. For actions that happen immediately (think Save vs. Save As), no ellipsis.
Originally, it meant:
An ellipsis (...) after a menu item means that after the item is chosen, the user will be asked for more information before the operation is carried out. Usually, the user must fill in a dialog box and click and OK button or its equivalent. Don't use the ellipsis when the dialog box that will appear is merely a confirmation or warning (for example, 'Save changes before quitting?').
(Apple Human Interface Guidelines, page 69)
Note that it did not mean "show a dialog box", even though that was often the consequence of this. For example, on Mac OS (not X), the "Options" button in the Page Setup window had no ellipsis, even though it showed a modal dialog box. No ellipsis is used because showing the options window is the operation.
(Tog on Interface, pages 46-47)
Of course, these days nobody cares about such things as human interface guidelines, not even Apple, so you can pretty much do what you want and still be more consistent than most any other application out there.
I've usually seen it in places where more input is required from the user before completing an operation. If your properties dialog is allowing the user to change properties, I would include the ellipses. If it's just displaying the information, don't include it.
It generally means that a Dialog will be shown when the item is clicked.
They usually signify that clicking on that entry will open a dialog window.
You should add ellipses to the end of text only if you're truncating the text (this applies anywhere). You should truncate the text if it's too long to reasonably fit where you're putting it.
Edit: interesting, I never noticed that menus in Windows use the ellipses to indicate truncated text, but also use the ellipses on short text to indicate that more information will be collected before the action is taken. This is inconsistent interface design, but since menus are under the control of individual programmers it's unavoidable.
It usually means it'll take your focus away from the current window. Like for example, notepad has a "Find..." which means you're going to focus on another window (ie dialog box) to enter something. But in firefox, it has just "Find" which then focuses on a text input on the same window.