Added new option: break_code_blocks

xy2z · Apr 3, 2020 · 42780f7 · 42780f7
1 parent ece6e9d
commit 42780f7
Show file tree

Hide file tree

Showing 6 changed files with 16 additions and 1 deletion.
diff --git a/README.md b/README.md
@@ -103,6 +103,9 @@ Feel free to edit the `config/config.yaml` file to fit your needs.
 
 - **`no_extension_markdown`** (bool) Render files with no extension as markdown, eg `README`. Default `true`.
 
+- **`break_code_blocks`** (bool) Break code blocks in multiple lines instead of horizontally scrolling. Default `false`.
+
+
 ## License
 
 GNU GPLv3. See LICENSE.txt
diff --git a/config/config-example.yaml b/config/config-example.yaml
@@ -61,3 +61,6 @@ render_max_file_size: 50
 
 # [bool] Render files with no extension as markdown, eg. `README`
 # no_extension_markdown: true
+
+# [bool] Break code blocks in multiple lines instead of horizontally scrolling
+# break_code_blocks: false
diff --git a/public/css/base.css b/public/css/base.css
@@ -216,7 +216,6 @@ blockquote {
 
 #content_wrapper pre code {
 	display: block;
-	white-space: pre-wrap;
 	padding: 1em;
 	border-radius: 2px;
 }

diff --git a/public/index.php b/public/index.php
@@ -111,6 +111,7 @@
 			'render_max_file_size' => PineDocs::$config->render_max_file_size,
 			'font_family' => PineDocs::$config->font_family,
 			'font_size' => PineDocs::$config->font_size,
+			'break_code_blocks' => PineDocs::$config->break_code_blocks,
 		),
 		'errors' => PineDocs::$errors,
 	);

diff --git a/src/PineDocs.php b/src/PineDocs.php
@@ -90,6 +90,10 @@ static public function load_config() {
 			if (!isset(self::$config->no_extension_markdown)) {
 				self::$config->no_extension_markdown = true;
 			}
+
+			if (!isset(self::$config->break_code_blocks)) {
+				self::$config->break_code_blocks = false;
+			}
 		}
 
 

diff --git a/src/templates/main.html b/src/templates/main.html
@@ -25,6 +25,11 @@
 	<link rel="stylesheet" href="//cdn.jsdelivr.net/npm/[email protected]/build/css/alertify.min.css">
 	<link rel="stylesheet" href="//cdn.jsdelivr.net/npm/[email protected]/build/css/themes/default.min.css">
 	<link href="https://fonts.googleapis.com/css?family=Fugaz+One|Open+Sans&display=swap" rel="stylesheet">
+	<style>
+		#content_wrapper pre code {
+			white-space: {{ config.break_code_blocks ? 'pre-wrap' : 'nowrap' }};
+		}
+	</style>
 </head>
 
 <body>