I want to provide javascript editing with highlighting in my web page. I am looking around for a good text area and I found dijit.Editor, however, I also need to have tabbed browsing for different files (a.js , b.js , c.js , ... , z.js). dijit.Editor seems to have tabs along the top (see here) but I can't tell if those are built in, or if they can be assigned.
Can someone please either answer my question, or recommend a different editor to use.
Cheers
If you're referring to the "Demo, Copy&Paste, Javascript" tabs in the demo windows, those are not part of dijit.Editor. They're merely part of the demonstration engine Dojo uses for its widgets. The Editor widget is just the toolbar of buttons and textarea beneath it.
The tabs in those demos are most likely a dijit.layout.TabContainer tab widget.
I've used dijit.Editor in a few projects and find it to be extremely flexible. The other major benefit is its close integration to the rest of the Dojo toolkit and Dijit widgets. The API is very consistent and well-organized across the Dojo platform, and you won't muchfind yourself searching for plugins of varying quality as with jQuery.
see discussion here
dijit.Editor is based on contentEditable and while that's great for rich text editing and short snippets of text, it is not the ideal text editor for code. The underlying browser mechanism for contentEditable doesn't scale particularly well for long files, and there's unnecessary wiring for rich text, variable spacing and such. I have seen a couple of people build an editor out of dijit.Editor and dojox.highlight and you may find that sufficient (sorry, I don't remember exactly where ATM)
Related
Dose anyone know how to change language on xwiki?
I followed this link below, but, nothing change at all.
http://www.xwiki.org/xwiki/bin/view/Documentation/UserGuide/Features/I18N
The step is following.
Go to XWikiPreferences.
Click content.
Click localization.
Change SUPPORTED LANGUAGES and default language.
I am Japanese so I choose Japanese, namely 日本語.
Set timezone
Click on save button.
Environment: Centos 6
java 1.8.0
xwiki 10.1
Do I have to take another action when I want to change language?
Best regards,
TL;DR: It worked, but unfortunately XWiki's User Interface is not yet translated into Japanese. Check by editing a page and looking at the editor's labels.
Longer answer:
As you can see from the link you mentioned (and the updated list http://l10n.xwiki.org/xwiki/bin/view/L10N/ - see the "Supported Languages" panel, on the right), XWiki does not list Japanese as supported language. This just means that there are no available translations for that language, so the User Interface will show the text labels in the English default.
This does not stop you from setting your wiki, as you did, to use the Japanese language. One way to check that the setting has taken effect is to edit a page and see the WYSIWYG editor's UI showing labels (like when hovering with the mouse over its buttons) in Japanese. This is a bit of a special case, since that editor provides its own translations and it just happens that it includes Japanese. (for information, that component is a 3rd party project, integrated into XWiki, so it manages its own translations that get distributed and integrated with the editor)
Additionally, if you set your wiki to be multilingual, it makes sense to use even languages where the UI is not translated yet because you will be able to edit various translations for the same page, should your usecase need that feature.
If you want to do something about it, you are welcomed to check out the translations wiki http://l10n.xwiki.org/xwiki/bin/view/L10N/ and start translating XWiki's UI for the Japanese language. The next release will include your translations and a lot of people, including yourself, will be grateful for it :)
One feature I've found really useful in Sublime Text is the ability to fold HTML tag attributes. Is there a way to do this with VSCode that I'm missing?
I don't think there's a built-in way to do this. Also, it seems the extension API currently doesn't have a way of hiding characters, see this open feature request (except for a hack mentioned by the second comment).
Extensions also can't customize the built-in folding yet, see #3422.
To fold individual attributes just move your mouse pointer to the left of the editor, in the empty space on the right of the line numbers. Small - icons will appear. Click on the ones you want to fold items.
Keyboard shortcut is CTRL+SHIFT+].
You can get the full list of key bindings there: https://code.visualstudio.com/docs/getstarted/keybindings
I would like to add a floating button in PDF. However, after doing a lot research on internet, I didn't find any answers.
I would like the button to float/move across the pages with the scroll bar as the document is scrolled. Is there a way to implement it in PDF?
Note: I would prefer to not to use JavaScript to implement it.
Thanks in advance.
As #mkl commented, it is not possible to add a floating button in PDF without using JavaScript.
PDF is meant to be used for fixed layout and not dynamically change as it is being viewed.
The closest I could find to what you are looking to do is this article about creating text that shows/hides depending on where the cursor is. I can't think of a way to leverage this though to change the position of a button as a user scrolls and even then you would most likely run into different PDF viewers handling it differently.
Is there a way to customize the font size of Safari's Web Inspector? I found these links on the web and have tried them out but don't seem to work:
https://gist.github.com/vlazar/1549785
http://miekd.com/articles/adding-some-monospace-to-the-safari-web-inspector/
If there's no solution to this problem, I might switch back to Chrome, for they offer even just a zooming feature for their own Web Inspector. Safari's Web Inspector fonts are just too small for me and my eyes suffer because of that.
I'd be happy to hear about workarounds or solutions anyone might have.
At the time this question was asked, it was not easy to change the zoom level.
In recent versions of WebKit, It's now possible to zoom the Web Inspector interface using ⌘– and ⌘+. This should be available in all versions of Safari Technology Preview.
It is not possible to change the font face through the user interface, though alternate font faces are used in various localizations.
Although it is very old question, I want to share much simpler alternative.
Open web inspector
Open settings of web inspector
Go to 'General' tab
Here you will see 'Zoom' option. Change it to a value you feel comfortable and all the text including UI buttons are enlarged.
The articles you linked refer to an earlier version of Safari. For version 6, the CSS is in a different location, depending on your OS version.
For 10.7.x:
/System/Library/StagedFrameworks/Safari/WebInspector.framework/Versions/Current/Resources/Main.css
For 10.8.x:
/System/Library/PrivateFrameworks/WebInspector.framework/Versions/Current/Resources/Main.css
You will need to chmod the file to edit it (back it up first) and it is compressed so using a tool that can prettify CSS is a good idea (I used WebStorm).
That's as far as I've got, I haven't identified the main content area font size class within the file yet. I'll let you know if I do (or maybe someone else will chime in).
I ended up doing a search/replace in the Main.css for 'font-size:11px' up to 14px.
I am building a website that will make heavy use of the content editor webparts to allow for content to be added. The drawback to this is that by default the content editor provides a "Rich Text Editor" which is good for adding data but bad because it has the potential to break styling. I have two solutions :
First is to do some coding to somehow have predefined css styles added to the styles menu of the Rich text editor.
Second which should be quicker is to simply disable the Rich text editor i.e disabling the fonts, styles, etc from the Rich Text editor so that users can only enter data and not mess around with the styling.
For soultion two, is this possble and what would be the quickest way to achieve this?
Any assistance is greatly appreciated!
Thanks in advance
The whole point of the rich text editor is to allow the user to enter styled content as they see fit. If you don't want any styling to be applied through the RTE either create style rules in your CSS to overrride anything the user enters or else use content fields based on multiple lines of text rather than rich text.
Core Technology Systems has recently released a how to video on content management on SharePoint 2010. I have included a link to the website which has the link to the video and their YouTube channel.
http://coregb.com/blog/archive/2011/12/01/content-organiser-in-sharepoint2010.aspx