I'm new to elipse php. i have used dream viewer for my php development before moving to the eclipse. So, i need to know when i drag and drop the css file into html editor, it needs to auto genarate the <link> tag for that css file. It worked with dream viewer. But its not working with eclipse. And, also when i need to use css classes inside html tag it needs to type the css class name.But, instead that i need to know how to config that to all the css class as suggestion for html tags, like in dream viewer and netBeans.
The text DnD (Drag and Drop) feature (initially introduced by bug 11624 in 2007) has been slowly extended to various editors, as reported by the bug 231294:
Tested in EclipsePdt-2.2.0.v20100427
Verified fixed for:
PHP files
JS files
Still reproducible in:
CSS files
HTML files
XML files (source view)
So it is still "work in progress".
The relevant blocking issues are:
bug 178104: [DND] Need to revisit dnd API to allow multiple drop targets
bug 173405: Make use of IDragAndDropService (Show Votes)
bug 195655: Drag'n'drop selected text
First of all Eclipse is not an IDE, it's a platform you can build IDEs (or any other application). There are several implementations for different languages. Most popular one which is actually the origin of Eclipse is Java IDE. There is also a plugin/feature for PHP development, called PDT.
DreamViewer is a specialized WYSIWYG editor for web development (mostly around HTML/CSS/Javascript) that includes support for different web scripting languages. It has some special properties as you mentioned, that can create a link element when you DnD.
What you can do is request a new feature from PDT team, that creates a link element to the dropped file inside a HTML document.
Related
I am giving a presentation in which I need to have my code editor open alongside my HTML slides. Since I have the VS Code editor configured the way I need, it would be nice to have a way to display the HTML slides in the VS Code editor itself.
I strongly suspect this is possible, because VS Code is a very powerful editor with several extensions and features. I have tried installing an HTML previewer from the marketplace, but that could not load all the dynamic content of the slides. I also tried the VS Code reveal extension, but that did not work for me either.
Is there an alternative way to do this? Any help will be highly appreciated.
Live Server VS Code add-on launch a local development server with live reload feature for static & dynamic pages; the reveal presentation is automatically rendered each time the edited code is saved on the VS Code side (Control+S).
There is an unreleased version yet that does not require saving to see the changes...truly live.
It is a workflow that makes it much easier to check changes before publishing them. Combined with the possibility of editing the html front-end of the presentation generated by Live Server, with the browser's Dev Tools, a very dynamic environment is created.
I have a website that is ASP.NET Webforms VB. I need to add to it a HTML text editor with file upload so images (for example) can be uploaded and inserted or selected from previously uploaded and inserted.
I have seen TinyMCE can do this but seemingly with me having to work on the Plugin.
Can anyone advise on something that can achieve the above but kind of working "out of the box"?
Free ideally but can look at commercial.
Again it is Webforms so not MVC or anyting like that.
HZ
The ajaxtool kit has two kinds of file uploaders, and also has a html editor, and the editor does have a up-load option that can be added as a custom button.
You can find the demos here, including the HTML editor:
http://www.ajaxcontroltoolkit.net/
You can install using nuget if you wish (the most easy).
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.
I'm working on an upgrade for our current application (asp.net mvc). Here my problem is, I have a existing css file name "styles.css". Now this file has lots of css classes and they are used in different pages.
Now as a part of the upgrade process, this css file will not be used anymore. But I still want certain css classes from this file, so that I can copy them to a new file and include it in my pages.
Any ideas on how to extract these styles which are used in my new pages. And yes the styles which I want to pick are already set to the controls in the page. Please help.
Finding ones that are used in single page should be easy with multiple tools. One good tool is called UnCSS.
The trick is checking an entire site where CSS file is shared accross pages.
This approach was popular in social networks recently with some high profile guys sharing it like Google's Addy Osmani and some Google Chrome guys:
http://addyosmani.com/blog/removing-unused-css/
Use Chrometools Audits
In Chrome Press: F12 -> Audits -> Run
It will let you know what is and is not used.
There are a lot of ways, for example:
Firefox plugin, this will extract the used css
https://addons.mozilla.org/en-US/firefox/addon/dust-me-selectors/
for chrome
https://chrome.google.com/webstore/detail/css-remove-and-combine/cdfmaaeapjmacolkojefhfollmphonoh?hl=en-GB
Manually: another way in the chrome (or other browsers), right click and select inspect element, this will show you the hierarchis which is working on specific element, by that you can take your used css
You can find the unsed css from the following tool, so that you can clean your css to have pure one
http://unused-css.com/
or
http://www.pontikis.net/blog/remove-unused-css
Use a Browser Debugger, click on the elements on site and see on the right corner which classes are machtes and copy them.
I am looking for a simple HTML editor.
This package should fulfill the following:
Generates old type of HTML with no CSS
Fully supports Right-To-Left and Hebrew fonts
Must be an ActiveX / OCX component
Most editors in the market that I found so far, generate sophisticated HTML
What can you recommend?
EDITED
I need it for a desktop application. I want the user to be able to edit text like in HTML editor (font styles, alignment) etc.
One option which works well in desktop applications would be using a Richtext control, like TRichEdit or TRichView (commercial) for the editor.
RTF supports unicode and LTR and RTL (right-to-left) languages.
The generated RTF source can be exported to HTML, either with TRichView export functions or a converter library like my (commercial) ScroogeXHTML library.
nBit HTML Editor ActiveX/OCX (Commercial) seems to fit your requirements, except that the website does not state explicit support for hebrew/Right-to-left, so let's assume it doesn't support those, unless you can download a demo and try it. I have not used it so I cannot say.
It supports but does not seem to require CSS.
TRichView can import the HTML into RTF, then export it as HTML. I use it for a chat program message composer and a group chat message viewer by sending HTML between clients. I'm not sure about the span tag.
The TWebBrowser component used to allow editing; I haven't checked it lately but this is what I can find on Google:
How to enable editing of a document in TWebBrowser
Using it wasn't as straightforward as one would wish, but I remember doing pretty good things with it.