I am new to ReactJS. I am looping through JSON and need to include some links.
My JSON looks like this:
"text": ["Nähere Informationen zu den Funktionalitäten der Plattform und der Dienste finden Sie unter /features."],
But when I loop through and expose the data, it just exposes plain text HTML.
<div className='small-53 medium-54 large-55 medium-offset-1 large-offset-1 columns end'>
<p className='text--uppercase text--book border--solid--bottom-red padding-bottom-10'>
{item.title}
</p>
</div>
Try:
<div className='small-53 medium-54 large-55 medium-offset-1 large-offset-1 columns end'>
<p className='text--uppercase text--book border--solid--bottom-red padding-bottom-10' dangerouslySetInnerHTML={ {__html: item.title} }/>
</div>
You can read more about dangerouslySetInnerHTML here
Related
Trying to use ChristoKiwi's approach with links in Joomla articles, but have issues with this example:
<p>
<img
class="responsive caption"
style="margin-right: 10px; float: left;"
src="images/stories/ds/Specials/Mikrosystemtechnik/2019/rohm0119.jpg"
alt="rohm0119"
/><a
dir="ltr"
title="**Rohm**"
href="https://www.rohm.de/"
target="_blank"
rel="noopener"
>**Rohm** </a
>kündigt mit dem BM14270MUV-LB einen der kleinsten berührungslosen
Stromsensoren der Industrie an. Der neue Baustein verbraucht nur minimal
Strom und ist mit 3,5 x 3,5 x 1,0 mm sehr kompakt. Damit eignet er sich
für Industrieanlagen und Verbrauchergeräte, die Betriebsbedingungen über den
Stromfluss erfassen wie batteriebetriebene Drohnen, Solaranlagen und Server
in Rechenzentren.
</p>
The query
UPDATE jos_content SET jos_content.introtext = REPLACE(jos_content.introtext,
substring_index(
substring_index(jos_content.introtext, 'title="', -1), '"', 1),'')
Deletes not only the text within the "title" but also the word "Rohm" after the link.
How to delete the entire link with all the attributes completely?
I try to access the text inside the <dl> environment following the <p> environment with the text "Bedeutungen:" inside. I try to specify an XPath to select this specific <dl> node.
<p><span style="visibility:hidden" id="Bedeutungen"><span id="Anker:Bedeutungen"></span></span></p><p style="margin-bottom:-0.5em; font-weight:bold;" title="Sinn und Bezeichnetes (Semantik)">Bedeutungen:</p>
<dl><dd>[1] roh essbare, meist saftige Früchte, die von Bäumen, Sträuchern und mehrjährigen Stauden stammen, mit überwiegend süßlichem oder säuerlichem, "fruchtigem" Geschmack</dd></dl>
This is an excerpt from the German wiktionary entry for Obst "fruit" (a link).
You can select the targeted element based upon the label that precedes it:
This XPath,
string(//dl[preceding-sibling::*[1][self::p][normalize-space()='Bedeutungen:']])
will return the string value of the dl element with an immediately preceding sibling p element with a space-normalized string value equal to 'Bedeutungen:':
[1] roh essbare, meist saftige Früchte, die von Bäumen, Sträuchern und mehrjährigen Stauden stammen, mit überwiegend süßlichem oder säuerlichem, "fruchtigem" Geschmack
I have a text like the below
[:de]Die BB2 ist eine erlesene türkische Gulet in klassischer Holzbauweise, die alle Annehmlichkeiten und die Eleganz einer exklusiven Yacht, die durch die hohe Qualität der vorzüglichen Holzverarbeitung und das anspruchsvolle Design untermalt wird. Auf 37 m Länge bietet Sie Ihnen 15 moderne, klimatisierte, große Kabinen mit Duschkabine / WC. Salon und Deck sind ausgesprochen großzügig angelegt und mit edlem Mobiliar ausgestattet. Die professionelle und erfahrene Crew ist auf das Beste damit vertraut für die Sicherheit und Zufriedenheit der Gäste zu sorgen und Ihnen einen Rundumservice zu bieten.
[:en]At 37 x 10 m the BB2 is designed to portray elegant style with a relaxing atmosphere. She is one of the most perfect examples of the Turkish wooden gulets with all amenities of an exclusive yacht. 15 modern, air-conditioned cabins with shower and toilet are on offer for the guests on board. The salon and deck are spaciously designed and equipped for your comfort. The professional and experienced crew is more than familiar in making sure the guests feel safe and comfortable and offer a great service all around.
[:]
[:en] represents English text and [:de] represents German text
want output for a language in MySQL. What will be the query to extract text in German only?
Assuming this is your data with the german always before the english, then:
select substring_index(substring_index(col, '[:de]', -1), '[:en]', 1)
If this is not the case, you can test for different possibilities:
select (case when col like '%[:de]%[%:en]%'
then substring_index(substring_index(col, '[:de]', -1), '[:en]', 1)
when col like '%[:de]%[%:]%'
then substring_index(substring_index(col, '[:de]', -1), '[:]', 1)
else substring_index(col, '[:de]', -1)
end)
My string :
Feste begründen die Identität einer Gemeinschaft und ihr
Selbstverständnis nach innen. Eng damit verbunden sind Emotionen, die
zunächst im Zusammenhang mit einer gefühlten Zugehörigkeit zu einer
Fest-Gemeinschaft zu verstehen sind. Mit jedem Fest verbindet sich
aber auch eine emotionale Überschreitung des Alltags: Der bestimmende
festliche Eindruck – die feierliche Gestimmtheit – ist der einer
erhöhten Bedeutungshaftigkeit des Lebens, durch die sich das Festliche
aus dem Lauf des Alltagslebens hervorhebt und dessen Wirkmächtigkeit
zuvörderst anhand der Analyse des bürgerlichen Geburtstages sinnfällig
demonstriert werden soll.
I want to encode as HTML the above string
I tried:
System.Web.HttpUtility.HtmlEncode(strings)
I am getting output as :
Feste begründen die Identität einer Gemeinschaft und ihr
Selbstverständnis nach innen. Eng damit verbunden sind Emotionen,
die zunächst im Zusammenhang mit einer gefühlten
Zugehörigkeit zu einer Fest-Gemeinschaft zu verstehen sind. Mit
jedem Fest verbindet sich aber auch eine emotionale
Überschreitung des Alltags: Der bestimmende festliche Eindruck –
die feierliche Gestimmtheit – ist der einer erhöhten
Bedeutungshaftigkeit des Lebens, durch die sich das Festliche aus dem
Lauf des Alltagslebens hervorhebt und dessen Wirkmächtigkeit
zuvörderst anhand der Analyse des bürgerlichen Geburtstages
sinnfällig demonstriert werden soll.
You can see the above output that the en-dash is not encoded, kindly suggest any solution for this.
Also I want to encode 100% without missing any characters like this.
"I want to encode 100 % without missing any characters like this."
No need to do this if you are using the correct format. In fact, you also don't need to encode en dash or any other non-ascii characters. But if for some reason you really ought to use this feature, you can write:
Dim enDash = "–"
myString.Replace(HttpUtility.HtmlDecode(enDash), enDash)
Can I programmatically set the width of the HTML file that I throw into the UIWebView? My problem is that the UIWebView frame is set in a UITableViewCell, so I had to set CGRectMake to fit it in the cell. But now the size of the content is bigger than the frame. Can I set the width in the UIWebView for the HTML?
My HTML Code:
<div id="attachment_16505" class="wp-caption alignnone" style="width: 460px"><img src="http://www.floorballmagazin.de/wp-content/uploads/2013/03/20130303_schweiz.jpg" alt="Maßgeblich beteiligt - Mathias Hofbauer sprang von der Strafbank und netzte zum 3:1 ein. / Foto: Hans Ulrich Muelchi, Swiss Unihockey" width="460" height="318" class="size-full wp-image-16505 colorbox-16504" /> <p class="wp-caption-text">Maßgeblich beteiligt – Mathias Hofbauer sprang von der Strafbank und netzte zum 3:1 ein. / Foto: Hans Ulrich Muelchi, Swiss Unihockey</p> </div> <p><em>In der Schweiz kann Wiler sein historisches Ausscheiden aus den Playoffs mit einem versöhnlichen Cupsieg kurieren. Vor über 3.000 Zuschauern besiegen die Berner Grünenmatt mit 3:1. Bei den Damen kann Sandra Dirksen ihren Titelreigen nicht fortsetzen, die Red Ants brachten eine versprechende Führung nicht über die Runden.</em></p> <p>Als Wilers Kapitän Mathias Hofbauer in 56. Spielminute auf die Strafbank wanderte, wurde es nochmal eng für den noch aktuellen Meister. Sein Unterzahlspiel überstand man aber mit Bravour und als Hofbauer wieder zurück aufs Feld durfte, dauerte es gerade mal sechs Sekunden und der WM-Rekordscorer machte mit einem scharfen Schlenzer alles klar.</p> <p>Bei den Damen waren Deutschlands Ex-Nationalspielerin Sandra Dirksen und ihre Red Ants auf dem Weg zum vierten Cupsieg in Folge. Rychenberg führte zu Beginn des Schlussdrittels mit 2:0, brach aber ein und unterlag Chur mit 2:5. “Wer den Pokal mit nach Hause nehmen will, muss drei Drittel gut spielen und nicht nur zwei”, bedauert Dirksen.</p> <p>“Wir hatten zwar den besseren Start, aber am Ende doch nur Silber. Fünfzehn Sekunden vor der 2. Drittelspause haben wir ein abgelenktes, unglückliches Tor kassiert, das war der Knackpunkt leider.” Dafür sei man umso motivierter für die bevorstehenden Play-Offs. “Die Atmosphäre bei einem Cup-Finale ist und bleibt einzigartig. Unsere Fans waren toll”, schätzt Dirksen.</p>
This is what happens in the cell:
One solution is to intercept your HTML and prepend:
<html>
<head>
<style>div {max-width: 460px;}</style>
</head>
<body>
<div>
And append:
</div>
</body>
Take a look at this question/answer (HTML Content fit in UIWebview without zooming out) from a while back. I posted some code there.
You could either try to set the height of the HTML contents within your HTML code equals to UIWebView. Otherwise try this command to set the size of UIWebView fitting to the page
webView.scalesPageToFit = YES;
One solution can be :
Load the URL Request
NSString *urlAddress = #"your URL";
NSURLRequest *requestObj = [NSURLRequest requestWithURL:[NSURL URLWithString:urlAddress]];
[self.webView loadRequest:requestObj];
self.webView.delegate = self;
Then implement WebViewDidFinishDownload delegate to correctly set the scale factor/zoom level
- (void)webViewDidFinishLoad:(UIWebView *)webView
{
CGSize contentSize = webView.scrollView.contentSize;
CGSize viewSize = self.view.bounds.size;
float sfactor = viewSize.width / contentSize.width;
webView.scrollView.minimumZoomScale = sfactor;
webView.scrollView.maximumZoomScale = sfactor;
webView.scrollView.zoomScale = sfactor;
}
Hope this Helps !!!