Ok, this seems simple but I've been scratching my head over this.
When I go to "inspect elements", and I see this (for example):
<div class="topbar">
I can use search to find "topbar", but not the whole thing (with the ">").
Is there some simple way to search for all text, including the html part, using google chrome's devtools?
A quick way to try and work around this is to use the selector, in this case .topbar when searching. It appears that currently the string selection only searches content text, not the DOM structure.
If you want to see if the search can get updated we always welcome new bug reports. The DevTools group doesn't mind feature requests through this system. Please have "DevTools" in the title so it is easy for any triager to know where to send it.
Related
Is there a way to search for text in the documentation pane of Eclipse?
E.g. see the attached screenshot showing some Android SDK documentation:
and see this screenshot showing the Search menu:
I can't see how you can do a search. And Cmd F doesn't seem to do anything either.
This is basically a web browser pane. Sadly it is quite limited in functionality, you can't search within the view (and of course not within the documentation database instead of the currently shown document).
So the work around is to open the document in a complete, external browser. In this case it is easy to find the document (http://developer.android.com/reference/packages.html) but sometimes it might be annoying to find the URL as this limited web browser view doesn't even tell it to you or gives you a possibility to get it.
If it was about site search and not searching withing the page and if the site doesn't offer a site search (this one does) then of course you can use Google with a site:developer.android.com parameter; similar for other search engines.
I'm creating a Google Custom Search results engine for my website, and it has these borders around each result, I want to change the results (styling, and html if possible). How can I do this? Please help.
You usually can't style things like this, as they're located within an iframe that's not hosted on your domain. I did, however, find a doc on this subject:
https://developers.google.com/custom-search/docs/ui_xml?hl=en
I searched high and low and cannot a button tag in any of the javaScript that is generated that referred to step 7 of the tutorial. I must be looking in the wrong places, or I'm generating the code incorrectly. I generated the code in the three different levels of detail. Can anyone point me in the right direction who's completed the tutorial or is more experience with the GWT? Looked in every file inside of the war directory. Of course I could have missed one! :-/ Would definitely like to be able to find this stuff on my own when I begin development.
Here's the link:
http://code.google.com/webtoolkit/doc/latest/tutorial/style.html
Look under 3. Associating style rules with GWT-generated HTML elements. What I'm specifically trying to find is the tag.
<button class="gwt-Button" tabindex="0" type="button">Add</button>
Of course you don't have to do the tutorial any project you've worked on should have similiar tags to be found I just can't find the file containing them...
I did find some stuff containing gwt-Button class name on line 3078 of one of those "unique" file names, but the way the author stated it made me think this process would be "easier". This was generated using the pretty compile.
function $Button(this$static, html){
$ButtonBase(this$static, ($clinit_21() , $doc).createElement("<BUTTON type='button'><\/BUTTON>"));
this$static.element['className'] = 'gwt-Button';
this$static.element.innerHTML = html || '';
return this$static;
}
This looks like it could be used to generate the tag. Is this a combination of some javaScript and some javaScript library code like JQuery or Prototype?
Thanks
The best way I know to see the javascript generated by GWT is to use the Brain.jar DOM Viewer http://www.brainjar.com/dhtml/domviewer/
It's not the most user friendly, but if you click around, you can generally find the InnerHTML of some element that corresponds to the whole web page, and then search for "button" or the relevant keyword.
I've currently got TinyMCE incorporated into the backend editor of a simple blogging/page-editing app, but I'm extremely unhappy with the HTML code it creates. It does all sorts of messy things like:
Adding inline style information to span tags that you can't ever find to get rid of without editing the HTML directly.
Nesting tags in nonsense ways (e.g. <p><strong><p><span>some text</span></p><strong></p> just to make something bold.)
Adding empty <p> </p> lines where they don't belong and I'm not trying to create blank lines.
EDIT: I've looked at lists of the other editors out there (including on SO), but I want to know if people firsthand have had better luck getting clean code out of their wysiwyg editors.
Any recommendations for one that outputs better code behind the scenes?
How about a rather drastic alternative, and using a WYMIWYG (What You Mean is What You Get) editor rather that another WYSIWYG editor. That way the author is in full control of the schematic markup as well as the content he/she is entering.
Unfortunately I haven't found one that is as feature rich and usable as tinyMCE, but it seems to have come a long way - see http://www.wymeditor.org/demo/
Use HTML purifier before saving the content into the database.
HTML Purifier
I found JoomlaFCK to be a very good alternative to Tiny MCE.
Hope you like it.
bye
BTW I know it is an old thread but someone might use it. ;)
I need to perform search in an html page displayed in a UIWebView control. The functionality I need is something that Safari has, when you hit command/ctrl F for searching the document for some word and the program highlights the hits for you. Is there any easy solution for this problem?
I know it's been a long time since you asked this question, but it's still a pretty common question people have so I put together a sample project in case anyone else is asking the same question. The project is a super simple app that loads an HTML file and can search and highlight any keyword. You can download the sample project here:
https://www.dropbox.com/s/jietctrvrtnec28/TheSearcher.zip?dl=0
Scott
Edit: changed link above as the old one had broken.
You could do this with javascript. Check out the "Find in this page" bookmarklet:
http://www.lifeclever.com/17-powerful-bookmarklets-for-your-iphone/
Something like that, combined with:
http://developer.apple.com/iphone/library/documentation/uikit/reference/UIWebView_Class/Reference/Reference.html#//apple_ref/occ/instm/UIWebView/stringByEvaluatingJavaScriptFromString:
might do the trick.