Jump to content

Is there a way to make line break in overview?


uzbek

Recommended Posts

I tested this and it worked fine. Using the metadata editor I added the br tag, which then resulted in this:

Untitled.png

Untitled1.png

Link to comment
Share on other sites

Guest ES_218

Thanks for the reply. I prefer not to use the metadata editor, as it does not fit with my workflow.

I would like to edit metadata in the NFO files with a text editor, and then have the changes reflected with a library refresh.

Link to comment
Share on other sites

Happy2Play
52 minutes ago, ES_218 said:

Thanks for the reply. I prefer not to use the metadata editor, as it does not fit with my workflow.

I would like to edit metadata in the NFO files with a text editor, and then have the changes reflected with a library refresh.

Editing manually ensuring <br/> is within <[[CDATA]]>

examples

Quote

<plot><![CDATA[Fifteen years after murdering his sister on Halloween Night 1963, <br/>Michael Myers escapes from a mental hospital and returns to the small town of Haddonfield, Illinois to kill again.]]></plot>

break.jpg.3ab7f6d6eaf6ac4954883b13f765ab2f.jpg

Quote

<review><![CDATA[This <br/>is <br/>a <br/>test]]></review>

break2.jpg.3be9770cf314ef147843f39201bb3f51.jpg

 

Both examples were edited in notepad++ and Emby imported the changes upon Scan.

Link to comment
Share on other sites

Guest ES_218

Yes, this works in Emby. However, as with some other suggestions earlier in this thread, it does not work in Kodi. Is there really no solution that works for both?

Edited by ES_218
Link to comment
Share on other sites

Happy2Play

From the searching I have done I do not see a way for both programs to read the same metadata and get the same results.

Edited by Happy2Play
Link to comment
Share on other sites

Guest ES_218
On 8/22/2020 at 7:08 PM, Luke said:

How does Kodi handle cdata?

Kodi will take the following input

<review><![CDATA[This <br/>is <br/>a <br/>test]]></review>

and display it as

This <br/>is <br/>a <br/>test

Link to comment
Share on other sites

  • 2 years later...
WayneNotBruce
On 9/2/2018 at 10:41 AM, Happy2Play said:

Custom css

/*Overview line break*/
#itemDetailPage  p.overview {white-space: pre-wrap; }

normal

5b8b4d996d04b_normal.jpg

 

css

5b8b4dac6af36_break.jpg

Hello, sorry to reply to this old post.  I'd like to add auto line break as well.  I tried with your code but it doesn't work.  Is there a new CSS code we can use? Pressing the "more" button on the right side just returns me with a wall text as below.

Thank you.

 

image.thumb.png.ba45e7bba2af811752e62f6cd1624e67.png

Link to comment
Share on other sites

Happy2Play
6 hours ago, WayneNotBruce said:

Hello, sorry to reply to this old post.  I'd like to add auto line break as well.  I tried with your code but it doesn't work.  Is there a new CSS code we can use? Pressing the "more" button on the right side just returns me with a wall text as below.

Thank you.

 

image.thumb.png.ba45e7bba2af811752e62f6cd1624e67.png

Something like this

/*Overview line breaks*/
div.overview-text  {white-space: pre-wrap;}
div.topDetailsContainer .overview-text {display: block;}

 

Link to comment
Share on other sites

WayneNotBruce
20 hours ago, Happy2Play said:

Something like this

/*Overview line breaks*/
div.overview-text  {white-space: pre-wrap;}
div.topDetailsContainer .overview-text {display: block;}

 

Thanks.  It works wonderfully on browser.

I guess it doesn't work in Emby desktop client right?   Are you aware of any program that can search and replace line breaks with <br/> ?  Seeing that it's a popular function being requested for a few times,  maybe emby can do that for us in the future?  Manually adding <br/> (or other line break code) in each overview is kinda going against the grain ngl...

Edited by WayneNotBruce
  • Thanks 1
Link to comment
Share on other sites

GrimReaper
7 minutes ago, WayneNotBruce said:

I guess it doesn't work in Emby desktop client right?

Nope, custom CSS applies to local Web app only, no other client app. 

7 minutes ago, WayneNotBruce said:

Are you aware of any program that can search and replace line breaks with <br/> ?  Seeing that it's a popular function being requested for a few times,  maybe emby can do that for us in the future?

Related FR discussion here:

It basically comes down to:

On 9/8/2019 at 9:11 AM, ebr said:

Unfortunately, there is no "universal" line break character or sequence so anything you put in there will fail to work and possibly display very poorly on some platforms.

 

On 3/29/2020 at 2:29 PM, Luke said:

In the web app you can use a
tag for a line break but it's not supported in all apps yet.

 

Link to comment
Share on other sites

WayneNotBruce
On 2/24/2023 at 11:41 PM, GrimReaper said:

Nope, custom CSS applies to local Web app only, no other client app. 

Related FR discussion here:

It basically comes down to:

 

 

Maybe there should be a client side function letting users determine which line break codes to use or replace?  Idk if it's possible tho.  Just an idea only.

Link to comment
Share on other sites

  • 10 months later...
StuBailey

<br/> works for me on the web and tv display. but if the metadata is some 10 lines or so of screen space, it no longer works, but  <br><br/> works on everything I tried.

Edited by StuBailey
Link to comment
Share on other sites

rbjtech

FYI - As part of the MediaInfo Plugin - I added an option to automatically convert a \n to an \br in the overview - as this annoyed me as well.

The only issue is, as mentioned above, is it only works on some clients - AndroidTV for example displays the <\br> so it looks horrid.

We'll have to wait for emby to adopt it across all clients and then I'll back convert my files

image.png.2c68ac862f0985f3c4d51cc5a78b53cc.png

It's especially useful when 'lists' are involved - as in the example below, where before this would be a wall of illegable text ...🤔

image.png.6797d7b1cb6fb174536c03921be6c1d1.png

 

  • Like 1
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...