I'm trying to visualize <section> tags in MediaWiki's VisualEditor so that they can be easily modified and moved in a visual way - rather than having to utilize the source editor.
I have discovered a Wiki where the VisualEditor does just what I want: the <section> tag at the beginning of the page is graphically represented (I think using an "AlienExtension extension") and editable.
Here is the page with the tag:
page with visual section tag
However, I cannot figure out how to enable this capability in my own Wiki site. I'm using the following wiki/extension versions:
MediaWiki 1.27.0
LabeledSectionTransclusion (9212396) 23:33, 4 May 2016
VisualEditor 0.1.0 (7445820) 20:23, 28 June 2016
Please help!
Related
I used Ctrl +K +D to reformat the c# code, but I can not find a way to do a similar task for HTML/Razor pages.
Is there any such capability in VS 2022 that automatically reformat HTML/Razor page?
There is not have any such capability in VS 2022 that automatically reformat HTML/Razor page.
Ctrl+K,Ctrl+D works for all these pages.
For code pages such as c#, you could open code clean to save and start automatically, and it will be automatically formatted.
Turn on the relevant format settings to automatically format the file during symbol completion.
Ctrl+A->Ctrl+K, Ctrl+D is the best choice, maybe you could add related hotkeys.
I want to use my flowchart as a table of contents that also represents the progression of parallel events vaguely in chronological order and their relation to one another.
I know to create these charts using markdown. By adding the "click" line for the "B" node i can see my cursor change when hovering over the node as if it were a link but any attempt to select it doesn't work.
graph LR;
A-->B;
click B "http://www.github.com"
Is this a limitation of Gitlab itself?
Update:
This is now supported since GitLab 12.1.
The given example works in GitLab Wiki pages.
graph LR;
A-->B;
click B "http://www.github.com"
Thanks, KargWare for pointing this out in the comments.
Yes, this is a limitation of GitLab. There is an open issue requesting the feature:
https://gitlab.com/gitlab-org/gitlab-ce/issues/50459
Hopefully, it will be implemented eventually.
Not only the syntax is supported, but GitLab 15.2 (July 2022) adds:
Live preview diagrams in the wiki WYSIWYG editor
GitLab Flavored Markdown includes extensions to support Mermaid, PlantUML, and Kroki diagrams but writing anything other than the most basic diagrams can be cumbersome without a live preview.
You can toggle between the raw source and static preview and there are external tools you can use to write these diagrams, but the shift away from your content can be distracting.
GitLab 15.2 introduces a live rendered preview of your diagram in the wiki’s WYSIWYG editor.
Now, as you write your diagram in a specialized code block we will detect the diagram type and display a preview icon.
When enabled, the live preview renders above the code block and updates as you type, so you can ensure your formatting is correct and the output will be exactly what you expect.
See Documentation and Issue.
Is HTML and CSS live preview available in Visual Studio 2015? if so, how to activate it?
if not is there any plugin for Visual Studio 2015 to use this feature?
I found a plugin in the Visual Studio Marketplace. The name of the plugin is Live HTML Previewer. Here is the link
I'm not sure if there is an out-of-the-box feature in Visual Studio to do this (I don't do much web development), but a quick Google search returned these extensions that might help you:
Live HTML Previewer
HTML Preview
Web Essentials - This one I've actually seen before, and know to be quite powerful
You could right-click on your project name and check if it offers an option for 'Page Inspector'.
If it does and you select it, it will open a panel on visual studio that shows your app as it would show in a browser with the html below in a separate section of the panel as well as a separate section for the style, etc.
Similar to what you see when you open developer tools on a browser, but with a preview included.
While you can't change the code in the panel's html section, you can make changes to your actual project files and update the preview by clicking the yellow notification bar indicating that the files have changed.
You can even expand or reduce the preview panel, and if you app is responsive, it will be responsive in the panel as well.
I have been using Dreamweaver for simple html web development and have been using .dwt templates for my html pages. There are both static and dynamic pages. I have migrated to Aptana for my IDE, but not sure what to do with dwt templates. How can I migrate them to Aptana, do they have a similar feature as I am willing to rewrite them in Aptana.
There is a page here: https://wiki.appcelerator.org/display/tis/Creating+a+new+template that shows how to add to the available templates and a question here: How to add to the "New from Template" list? that shows how to add them to the File > New from template menu.
I am using an inhouse tool we developed to parse razor templates with generated models.
The thing is that now it requires loading the template every time in order to parse it.
I wanted to add an edior so i could preview the cshtml while writing it, so i thought the best way would be to make it a visual studio extension.
I researched the web and it seems to me like you can write a custom editor for VS, but then I have to write the editor itself, which i dont want to do.
Is there a way to use the existing razor editor built in to VS2012 and add a preview tab with my control that gets the current text from the razor editor so i can parse it and show the preview?
The reason want to use the existing editor is for coloring, intellisense, error handling etc.
There is no built-in support for a design view for Razor (CSHTML and VBHTML) files. Part of the reason for this is that they are a mix of code and HTML, which ranges from "very difficult" to "super impossible" to parse.
Having said that, there's a super cool feature in VS2012 called Page Inspector that can show you the real rendered page alongside the code that generated it (e.g. your Razor view) and the mappings between them, even if some of the content came from a layout page or partial view.
Check out http://msdn.microsoft.com/en-us/library/hh420390(v=VS.110).aspx and look for the "Page Inspector" section, which includes links to several blog posts and videos that describe the feature in depth.
Here's an excerpt:
Page Inspector is a tool that renders a web page (HTML, Web Forms, ASP.NET MVC, or Web Pages) directly within the Visual Studio IDE. You can use Page Inspector to examine both the source code and the resulting output. For ASP.NET pages, you can use Page Inspector to determine which server-side code has produced the HTML markup that is rendered to the browser. Page Inspector works even when the default ASP.NET bundling and minification features are enabled.