Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
We don’t allow questions seeking recommendations for books, tools, software libraries, and more. You can edit the question so it can be answered with facts and citations.
Closed 5 years ago.
Improve this question
I'm using Sundown on my backend to store and render markdown text. Now I would like to edit this text in a browser with some basic formatting. I'd prefer WYSIWYG but can live with a preview panel on a separate element.
But: I fear that editing on mobiles might just be something that one should avoid and fallback to basic text editing. This will be annoying to the non-techie users if we force them to learn Markdown just because they want to "Enter pretty text on my iPhone"... :-/
I've been looking around at some editor components and at the moment I'm testing CKEditor. Works fine but seems to be a bit buggy on the iPhone (at least the version I'm testing). Did not find a way to force it to only edit Markdown.. yet.
Another one is TinyMCE. Back in 2010 it seemed the same story when it came to mobile devices... just wondering if it's still the case today. It seems to work ok on my device but the layout does not seem optimized for small factor screens... sigh.
Thus:
I think that a basic editor can work on mobile devices, but I've seen that some sites disable this and gracefully fall back to standard text edits (As StackOverflow does when visting from an iPhone device)
I just need basic formatting with bold, underline, Header 1 etc and keep the format Markdown - like the SO editor
Any suggestions or comments?
tinyMCE version 4 actually works just fine on my iPhone, I've put together a small scaled down example for you on their fiddle-site:
http://fiddle.tinymce.com/Ppdaab
I highly recommend https://stackedit.io/. It converts html (or text) into markdown and doesn't require using Git. You can access it on their website or using the Chrome app. It's lightweight and completely WYSIWYG. Simply type away, it will show you a preview in markdown format. You can then save, publish, share, sync or download the file.
Related
Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
We don’t allow questions seeking recommendations for books, tools, software libraries, and more. You can edit the question so it can be answered with facts and citations.
Closed 3 months ago.
Improve this question
I'm about to write some api docs using swagger but the web ui seems very broken for me. I'm trying to set it up so I can write in any editor on my local computer and have the result automatically reload in my browser (or at least automatically rebuilt so I can refresh to see the result). I can see there are a few tools swagger codegen, swagger ui but these seem to be fairly complex tools doing a lot of stuff I don't need and I can't work out how to set them up to do what I want. I can also see there is a plugin for VS Code that does this but I would rather use vim.
If I just want something that reads a text file and builds the html every time the text file gets changed how would I set that up?
Why you don't want to go with Postman. Postman has many features including export and import the APIs. But if you don't want to use that or any other tool like swagger ui etc as you mentioned then you can build your own json file which you can use to build your html each time so that if you change anything in in json then it will reflect back in your web page.
I used this vscode plugin which gives a split screen view similar to the online editor but runs locally.
Closed. This question is opinion-based. It is not currently accepting answers.
Want to improve this question? Update the question so it can be answered with facts and citations by editing this post.
Closed 8 years ago.
Improve this question
I have a quick question about "mobile". I must add the mobile version to my website and I'm exploring all the solutions. Here are my choices:
1) Add media queries to css and trasform my fixed layout in a responsive layout.
Good: one layout only, code for Google bot is the same
Not good: code is heavier, on mobile I load all the js and CSS, impossibile to go to the desktop version
2) Rails 4.1 Variants
Good: i can create a lightweight mobile website, I can have desktop version, I can optimize the mobile experience, using the layout I can also create mobile apps with Cordova
Not Good: the HTML for the same page is different for desktop and mobile. I'm worried about SEO
Any idea?
There is no single best way. The answer depends on your specific needs and case. This is mostly an opinion-based question.
Both solutions are correct. However, the main difference is that the case (1) is more limited compared to case (2). The CSS-based layout makes sense when you just want to make sure the main version works well on mobile devices. It's not a real optimization, because the device will have to load the entire page in any case.
The second option (2) is a real optimization. By providing device-optimized templates, you can skip the pieces that the mobile device doesn't need (such as big images, unnecessary item listing, etc) effectively reducing the weight of the page. You can also inject mobile-specific features.
The SEO issue is a non-issue. You can instruct the search engines to ignore the SEO content using the appropriate meta tags or you can also use the canonical tag if you should decide to provide the content under a different path or domain (for instance if you add a specific extension for the mobile-optimized pages).
Closed. This question needs details or clarity. It is not currently accepting answers.
Want to improve this question? Add details and clarify the problem by editing this post.
Closed 8 years ago.
Improve this question
I found that hyper links in a webpage i develop don't work in internet explorer v10 or v9, i've been for a while looking for answer and i can't to figure out anything. If i change to compatible mode to 9 it doesn't work either, but in compatibility mode with internet explorer 8 links work properly. Coding is UTF8 and HTML5.
The site: http://www.barcimaster.com
Everything looks fine in my IE11, but from your answer to my remark, I had an illumination. The problem is not the links, but most probably the CSS+HTML slicing of your page. Here's how I see it : for some reasons, you've got an element overlapping your links in IE. Therefore, when you hover the links, you actually hover this overlapping elements, and you can't click on the links and actually don't even get the pointer (the hand with finger) when hovering it.
So what you need to do is review you HTML and CSS (from what I saw, you've got quite a lot of work on this) so that nothing overlaps your links in IE.
I'm not 100% sure of this, but that's a situation I ran through several times during my career, and this explanation was almost always the good one. The good thing is that with developer tools nowadays, it's quite easy to find overlapping elements !
Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
We don’t allow questions seeking recommendations for books, tools, software libraries, and more. You can edit the question so it can be answered with facts and citations.
Closed 4 years ago.
Improve this question
We have different forms of documentation for our desktop apps, but until now most iOS apps have been fairly self-explanatory so we've been able to get by with simple hint strings in settings etc.
But for a more complex app I'd like to be able to create a few HTML pages that look approximately like native iOS UI and are easy to maintain.
Dashcode has a browser template that seems to fit the bill, but it's terribly buggy under Lion. I could start from scratch using something like iUI, but I'm wondering if there isn't something readymade already out there that would fit the bill?
Requirements:
- One or possibly two levels of hierarchy
- Display short formatted text with images
- Preferably HTML so the documentation authors can create and format the content on their own without touching the dev side of things
Any ideas or tips would be appreciated!
I use CSS formatted HTML pages that can either be included in the project or served from the web or actually both (you can do a check so see if the app has a connection to the server and if so serve them up from there or serve them from a local resource).
I personally think the Static Cell UITableView is the ultimate way to display those help options. That and Storyboard were the two big favorites for me in iOS5.
Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
We don’t allow questions seeking recommendations for books, tools, software libraries, and more. You can edit the question so it can be answered with facts and citations.
Closed 4 years ago.
Improve this question
I am looking for a web-based WYSIWYG (or WYSIWYM) editor like TinyMCE or WMD Editor (used to write this question) that supports users to write mathematical formulas. I have looked at LaTeX a little bit but it has a learning curve and I am not sure if support for MathML is extensive. Ideally I would also like to avoid having to rewrite an editor and would rather just pick one off the shelf.
Would like to know if any of you have dealt with a similar situation and what solution you adopted/built.
I was looking for something similar and came across this question. Then I was excited to find Mathquill, via the Wikipedia page on formula editors.
I've used a bunch of different formula editors, from MS Equation Editor to Google Docs' to LyX, and this is probably the most usable/fluid of all of them for simply banging out formulas. And it's web-based and GPL. This thing is much nicer than Google Docs' formula editor, at least.
Still leaves plenty of things to be desired, e.g. so far I've found: bolding, entering things like bra-kets, \hat, undo/redo history, mouse drag selection, etc. But I'm impressed by what's already in there. Anyway, it's just a few Javascript files, and on github.
http://www.dessci.com/en/ has the software to do exactly what you want.
I used texvc in a project a while back (what wikipedea uses) and it was reasonable, but it isn't really WYSIWYG. On the other hand, I prefer that since in many cases it's easier to specify what you mean than draw it.
see here DragMath
http://www.dragmath.bham.ac.uk/index.html
which is already used by Moodle and other sites.
And its Open Source
WIRIS would be another Javascript based visual math editor (commercial license required for some applications).