add css uniHtmlMemo

[SayeyeZohor]

hi

1- how to change or add CSS For uniHtmlMemo ?

2- how to change Font For uniHtmlMemo ?

@Sherzod

 

 

how add above css ?

[Sherzod]

18 minutes ago, SayeyeZohor said:

2- how to change Font For uniHtmlMemo ?

Hi,

Have you tried searching the forum?

[SayeyeZohor]

23 minutes ago, Sherzod said:

Hi,

Have you tried searching the forum?

yes i have'n found that ...

please refer me tnx @Sherzod

1- how to change or add CSS For uniHtmlMemo ? 

2- how to change Font For uniHtmlMemo ?

[Sherzod]

http://forums.unigui.com/index.php?/topic/6651-unidbhtmlmemo1-font/

[SayeyeZohor]

36 minutes ago, Sherzod said:

http://forums.unigui.com/index.php?/topic/6651-unidbhtmlmemo1-font/

tnx 1- how to change or add CSS For uniHtmlMemo ? 

border, ......

[SayeyeZohor]

39 minutes ago, Sherzod said:

http://forums.unigui.com/index.php?/topic/6651-unidbhtmlmemo1-font/

 

i have above problam ...

[Sherzod]

7 minutes ago, SayeyeZohor said:

tnx 1- how to change or add CSS For uniHtmlMemo ? 

border, ......

 

7 minutes ago, SayeyeZohor said:

i have above problam ...

Please explain in more detail. Make a simple testcase by indicating where the problem occurs.

[SayeyeZohor]

1 hour ago, Sherzod said:

 

Please explain in more detail. Make a simple testcase by indicating where the problem occurs.

 

Sample.rar

[Sherzod]

1 hour ago, SayeyeZohor said:

Sample.rar

I will check.

[SayeyeZohor]

On 12/2/2019 at 3:15 PM, Sherzod said:

I will check.

hello,

i waiting for ... tnx

[Sherzod]

11 minutes ago, SayeyeZohor said:

i waiting for ... tnx

Hello,

Sorry for the late reply.

Try this:

procedure TMainForm.UniFormCreate(Sender: TObject);
begin
  with UniHTMLMemo1 do
    JSInterface.JSAddListener('initialize', 'function(editor){'+
                              '  const bodyArea = editor.getEditorBody();'+
                              '  bodyArea.style["border"] = "1px solid";'+
                              '  bodyArea.style["border-radius"] = "4px";'+
                              '  bodyArea.style["padding"] = "12px 10px";'+
                              '  bodyArea.style["line-height"] = "2";'+
                              '}'
    );
end;

 

[SayeyeZohor]

12 hours ago, Sherzod said:

Hello,

Sorry for the late reply.

Try this:

procedure TMainForm.UniFormCreate(Sender: TObject);
begin
  with UniHTMLMemo1 do
    JSInterface.JSAddListener('initialize', 'function(editor){'+
                              '  const bodyArea = editor.getEditorBody();'+
                              '  bodyArea.style["border"] = "1px solid";'+
                              '  bodyArea.style["border-radius"] = "4px";'+
                              '  bodyArea.style["padding"] = "12px 10px";'+
                              '  bodyArea.style["line-height"] = "2";'+
                              '}'
    );
end;

 

tnx how to add css to unimemo or other component?

@Sherzod

 

[Sherzod]

9 hours ago, SayeyeZohor said:

how to add css to unimemo

Exactly what CSS rules!?

[SayeyeZohor]

On 12/6/2019 at 8:43 AM, Sherzod said:

Exactly what CSS rules!?

any ...

example (border, padding, line-height , ...)

[SISBLU Software]

Hello, Any Solution? The BORDER BLACK , How to remove this other border ???

This result

  UniHTMLMemo2.JSInterface.JSAddListener('initialize', 'function(editor){'+
                              '  const bodyArea = editor.getEditorBody();'+
                              '  bodyArea.style["border"] = "1px solid";'+
                              '  bodyArea.style["border-radius"] = "5px";'+
                              '  bodyArea.style["padding"] = "5px";'+
                              '  bodyArea.style["line-height"] = "2";'+
                              '  bodyArea.style["background-color"] = "#0190FD";'+
                              '  bodyArea.style["background-image"] = "linear-gradient(180deg, #0190FD, #0169FF)";'+
                              '}'
    );

 

[SISBLU Software]

Any suggestion?

[Sherzod]

On 12/4/2020 at 11:03 PM, Daha Software said:

Any Solution? The BORDER BLACK , How to remove this other border ???

This result

  UniHTMLMemo2.JSInterface.JSAddListener('initialize', 'function(editor){'+
                              '  const bodyArea = editor.getEditorBody();'+
                              '  bodyArea.style["border"] = "1px solid";'+
                              '  bodyArea.style["border-radius"] = "5px";'+
                              '  bodyArea.style["padding"] = "5px";'+
                              '  bodyArea.style["line-height"] = "2";'+
                              '  bodyArea.style["background-color"] = "#0190FD";'+
                              '  bodyArea.style["background-image"] = "linear-gradient(180deg, #0190FD, #0169FF)";'+
                              '}'
    );

Hello,

Sorry for the late response. If the request is still valid, please create a simple test case.