search

logancyang / obsidian-copilot

THE Copilot in Obsidian
GNU Affero General Public License v3.0
2.57k stars 178 forks source link

Double breaks (empty lines) between paragraphs when generating text #103

Closed VOOM108 closed 2 weeks ago

VOOM108 commented 1 year ago

There are double line between paragraphs in the text generated by the AI. Could that be avoided?

logancyang commented 1 year ago

@VOOM108 It's a CSS thing, there are several spacing settings for p and li items. It would be helpful for me to further adjust with a concrete example. Can you post an example with both the screenshot and the copied text here, with a description of your desired styling? That way I can experiment more with it.

VOOM108 commented 1 year ago

Here is a screenshot of a list. The same whitespace is between all paragraphs.

Interestingly, the copied text shows two extra lines here in the editor. When copying it from obsidian, I can see that there is one extra line between the LIs and Ps

image

And here the copied text: Text Editor: A good text editor such as Visual Studio Code or Sublime Text is essential for writing CSS3. These editors offer syntax highlighting, auto-completion, and other helpful features that make writing CSS3 code easier.

CSS3 Documentation: Familiarize yourself with the official CSS3 documentation provided by Mozilla Developer Network (MDN) or the World Wide Web Consortium (W3C). These resources provide detailed information on CSS3 properties, values, and usage.

Browser Developer Tools: Use the developer tools available in modern web browsers like Chrome or Firefox. These tools allow you to inspect and modify CSS styles in real-time, helping you understand how different CSS3 properties affect your web page.

CSS Preprocessors: Consider using CSS preprocessors like Sass or Less to enhance your CSS development experience. These preprocessors offer features like variables, mixins, and nested rules, which can help you write cleaner and more maintainable CSS3 code.

Flexbox: Learn how to use the CSS3 Flexbox layout module, which provides a flexible way to create responsive layouts. Understanding Flexbox will enable you to easily create complex and responsive page structures.

Here a screenshot of paragraphs:

image

What I would like to see are no extra lines between LIs and only one extra line (or larger margin) between paragraphs.