diff --git a/doc/qtcreator/images/qtcreator-options-environment-interface.png b/doc/qtcreator/images/qtcreator-options-environment-interface.png
index 43b51eb1f93..41374d1b5dc 100644
Binary files a/doc/qtcreator/images/qtcreator-options-environment-interface.png and b/doc/qtcreator/images/qtcreator-options-environment-interface.png differ
diff --git a/doc/qtcreator/src/howto/creator-ui.qdoc b/doc/qtcreator/src/howto/creator-ui.qdoc
index 8647c66696a..0d78e314c55 100644
--- a/doc/qtcreator/src/howto/creator-ui.qdoc
+++ b/doc/qtcreator/src/howto/creator-ui.qdoc
@@ -1,6 +1,6 @@
 /****************************************************************************
 **
-** Copyright (C) 2020 The Qt Company Ltd.
+** Copyright (C) 2021 The Qt Company Ltd.
 ** Contact: https://www.qt.io/licensing/
 **
 ** This file is part of the Qt Creator documentation.
@@ -411,6 +411,14 @@
     For more information about the \uicontrol {QML Debugger Console} view, see
     \l{Executing JavaScript Expressions}.
 
+    If the text in the output panes is not displayed correctly, \QC might
+    be using a different codec from the one used by the tools that generate
+    the output. To specify the codec to use, select \uicontrol Tools >
+    \uicontrol Options > \uicontrol Environment > \uicontrol Interface, and
+    then select the codec in the \uicontrol {Text codec for tools} field.
+
+    \image qtcreator-options-environment-interface.png "Interface tab in the Environment options"
+
     \section1 Finding and Filtering Output
 
     To search from output, press \key {Ctrl+F} when the pane is active. Enter