omz:forum

    • Register
    • Login
    • Search
    • Recent
    • Popular

    Welcome!

    This is the community forum for my apps Pythonista and Editorial.

    For individual support questions, you can also send an email. If you have a very short question or just want to say hello — I'm @olemoritz on Twitter.


    Preview and Indentation

    Editorial
    5
    8
    5490
    Loading More Posts
    • Oldest to Newest
    • Newest to Oldest
    • Most Votes
    Reply
    • Reply as topic
    Log in to reply
    This topic has been deleted. Only users with topic management privileges can see it.
    • StrugglingWriter
      StrugglingWriter last edited by StrugglingWriter

      First of all, thank you for this app! Simply put, it's just incredible! It's too bad I purchased a bunch of other apps before finding this gem. They need a trial policy in the App Store -- try the app for a week; within that time you can get a refund if you request it; or it doesn't charge you if you choose to delete it from your purchased list, etc.

      Now to my question:

      Is there a way to get the preview screen to properly display indents? When I tab a paragraph or individual lines, they simply word wrap in preview instead of showing up as indents - as I see them in the actual editor. The constant indenting is useful for dialogue ... otherwise I'm stuck putting the text in 'code' blocks or as lists - it looks funky. I hope my question makes sense!

      Thank you! =)

      1 Reply Last reply Reply Quote 0
      • mjakubowiak
        mjakubowiak last edited by

        Basically markdown (I assume you have markdown in mind) doesn't support paragraph indentation. Indents only work in case of lists and code blocks. You could use custom html code but it wouldn't look nice. If you want different formatting for dialogues I would suggest going with block quotes, you could then make them look like regular but indented text in output file (docx for example).

        1 Reply Last reply Reply Quote 0
        • ccc
          ccc last edited by

          This post is deleted!
          1 Reply Last reply Reply Quote 0
          • omz
            omz last edited by

            Basically, what @mjakubowiak said. Block quotes might work for your purposes, and you could edit the preview HTML theme to style them differently in the preview.

            By default, block quotes are rendered with a gray vertical bar, but that can be turned off using custom CSS (let me know if you need further details). Alternatively, you could tweak the rendering of list items (if you don't use them otherwise) to not show any bullet points.

            1 Reply Last reply Reply Quote 0
            • StrugglingWriter
              StrugglingWriter last edited by

              Thank you for the help! The block quotes are doing the trick. In the unstyled preview the dialogue sentences look nicely indented. But with my custom preview (a copy of Example Theme) I see, as you mentioned, the grey vertical bar. Is there a CSS setting to make the bars invisible?

              Thank you. =)

              1 Reply Last reply Reply Quote 0
              • omz
                omz last edited by

                The styles for block quotes in the default template look like this:

                blockquote {
                	border-left: 5px solid #bf9048;
                	font-size: 90%;
                	margin-left: 0;
                	margin-right: auto;
                	width: 95%;
                	padding: 0 10px;
                	background-color: rgba(51, 37, 15, 0.05);
                }
                

                Simply remove the line starting with border-left: to get rid of the grey bars.

                1 Reply Last reply Reply Quote 2
                • StrugglingWriter
                  StrugglingWriter last edited by

                  It works! Amazing app and equally incredible support!

                  Thank you. =)

                  1 Reply Last reply Reply Quote 0
                  • daveterry
                    daveterry last edited by

                    You might also try a CSS rule for UL and use "star indents" instead.

                    Here's the CSS: ul li {list-style-type: none;}

                    Here's the Markdown:

                    • Key point
                      • sub-point
                        • sub-sub point

                    This gives me an outline view with full left justified indents.

                    I use this simple rule for giving talks/speeches. In preview I get perfect indents.

                    ...dave

                    1 Reply Last reply Reply Quote 0
                    • First post
                      Last post
                    Powered by NodeBB Forums | Contributors